s3.css

/*navbar styling starts*/

html{
	scroll-behavior: smooth;
}
.fixit{
	position: fixed;
	z-index:20;
	overflow: hidden;
  top: 0;
	width:100%;
}

.brandtext{
font-family: 'Staatliches', cursive;
font-family: 'ZCOOL XiaoWei', serif;
	font-size: 50px;
	letter-spacing: 2px;
	  text-shadow: 3px 3px white;
}
.menufont{
font-family: 'Montserrat', sans-serif;
font-size:15px;
letter-spacing: 2px;
color:black;
font-weight: bold;
}
.rsrvstyling{
	color:white;
	background-color: #011839;

}

@media only screen and (min-width: 320px) and (max-width: 768px) {
.rsrvstyling{
	color:white;
	background-color: #011839;
	padding: 3px;
	display: block;
  }
}
/*navbar styling ends*/



/*hero div csss starts*/

.page-img
        {
           
            background: url('galleryhero.jpg') no-repeat center;
            -webkit-background-size: 100% 100%;
            -moz-background-size:  100% 100%;
            -o-background-size:  100% 100%;
            background-size:  100% 100%;
            display:table;
             min-height:800px;
            width: 100%;
        }
    .page-img .hero
        {
            background: rgba(0,0,0,0.3);
            display: table-cell;
            text-align: center;
            vertical-align: middle;
           
        }
    .page-img .hero h1, .page-img .hero p
        {
            color:#ffffff;
        }
@media only screen and (max-width:768px){
.page-img{ 
     height: 250px;
   }
  .page-img .hero p{
     text-align: justify;
     text-align-last: center;
     font-size: 15px;     
 }
}
.heroimgtext{
	 background: rgba(0,0,0,0.3);
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            color:white;

}
.c1{
	font-size:120px;
	 background: rgba(0,0,0,0.5);
color:white;
font-family: 'Amatic SC', cursive;
text-align: center;
 display: table-cell;
 padding-top: 350px;
}
.c2{
	font-size:29px;
color:white;
font-family: 'Dosis', sans-serif;

}
.c3{
	background-color:#FFC107;
	color:black;
	letter-spacing: 2px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
      
	padding:10px; 
}
/*hero div css ends*/

/*photogrid css starts */

.header {
  text-align: center;
  padding: 32px;
}

.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}

/*photogrid css ends*/



.c4{
	font-size: 23px;
	font-style: normal;
	font-weight: 300;
	font-family: 'Crimson Text', serif;
	color:#6B788B;
	background-color: white;
	justify-content: center;
	padding:50px 180px 30px 180px;
	border-radius: 2px;
}
.c5{
	font-family: 'Playfair Display SC', serif;
	font-weight: lighter;
	font-size: 40px;
	color:black;
	text-align: center;
}
.c6{
	align-self: center;
	border-top:1.1px solid black;

}

/*footer css starts*/
.footertext{
	font-family: 'Cinzel Decorative', cursive;
	color:white;
	letter-spacing: 2px;
	background-color: #011839;
}

.footsett{
	background-color:  #011839;
}

.center {
  display:block;
  margin-left: auto;
  margin-right: auto;
  max-width: 30%;
  max-height:30%;
}
.center {
  display:block;
  margin-left: auto;
  margin-right: auto;
  max-width: 30%;
  max-height:30%;
}
/*footer css ends*/