h1 {
            font-family: Yesteryear;
            font-size: 70px;
            text-align: center;
            color: navy;
        }

        .content {
            font-family: Quando;
            font-size: 15px;
            text-align: justify;
            color: white;
            padding: 40px 70px 40px 40px;
            background-color: #03a9f4;
        }

        .largecontent {
            font-family: Yesteryear;
            font-size: 32px;
            text-align: center;
            padding: 0px 50px 0px 50px;
            color: maroon;
        }

        .railwaystation {
            height: 300px;
            position: relative;
            right: 70px;
            top: 0px;
            display: block;
             box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        }

        .masjid {
            height: 250px;
            width: 100%;
            display: block;
        }

        .shahjanaf {
            width: 100%;
            height: 350px;
            display: block;
            padding: 10px;
        }

        /*.imgsubheading {
            position: relative;
            bottom: 50px;
            padding: 10px;
            text-align: center;
          
            color: white;
            font-family: Quando;
            font-size: 20px;
        }*/
        .cont {
            position: relative;
            width: auto;
        }

        .imgcontent {
            font-family: Quando;
            font-size: 15px;
            color: white;
            text-align: center;
            position: absolute;
            top: 50%;
            left: 45%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            text-align: center;
        }


        .cont {
            position: relative;
            width: 50%;
        }



        .overlay {
            position: absolute;
            margin-top: 10px !important;
            margin-bottom: 10px !important;
            margin-left: 10px !important;
            margin-right: 10px !important;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            opacity: 0;
            transition: .5s ease;
            background-color: rgba(29, 158, 243,0.4);
        }

        .cont:hover .overlay {
            opacity: 1;
        }

        .text {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            text-align: center;
        }
.cont1 {
  position: relative;
  width: 100%;
}

.largepic {
  display: block;
  width: 100%;
  height: auto;
}

.overlay1 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(29, 158, 243,0.4);
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .3s ease;
  transition: .3s ease;
}
.cont1:hover .overlay1 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.text {
  color: lightcyan;
  font-family:Quando;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}