header {
    background-color:white;
    padding: 25px 25px;
    margin: 0 auto;
    width: 800px;
}

.header-logo{
    margin-bottom: 30px;
    margin: 0 auto;
}

/* Nav styling begin */

nav {
    background-color:#fff;  
    font-family: 'Roboto Slab';
    font-size: 16pt;
    color: #737374;
    max-height: 300px;
    z-index: 1;

}

.menu-mobi > li{
   
        display:none;
}

.menu {
    margin: 0 auto;
    width: 381px;
}
.menu a{
    font-family: 'Roboto Slab';
    font-size: 16pt;
    color: #737374;
    text-decoration-line: none; 
}

.menu a:hover {
    text-decoration-line: underline;
    color: #A45B79;
} 


ul  {
    margin: 0;
    list-style-type: none;
   
}

.menu li {
    position:relative;
    display: block;
    float:left;
    padding: 1rem;
}

.sub-menu-item-mobi{
    display: none;
   }

.sub-menu{
    position: absolute;
    left:0;
    font-family: 'Roboto Slab';
    font-size: 16pt;
    color: #737374;
    visibility: hidden;
    display: none;
    background: #fff;
    padding:0;
    z-index: 1;

  }


.sub-menu .sub-menu-item{
    font-family: 'Roboto Slab';
    font-size: 16pt;
    color: #737374;
    text-decoration-line: none; 
 }

.sub-menu .sub-menu-item:hover{
    text-decoration-line: underline;
    color: #A45B79;
 }


/* Show the dropdown menu when the user moves the mouse over the dropdown button */
ul li:hover > ul,
ul li ul:hover {
  visibility: visible;
  display: block;
}

ul li ul li {
  clear: both;
  width: 100%;
}

.icon {
    display: none;
}

.fa {
    padding-left: 20px;
}
/* Nav styling end */


section {
    background-color:white;
    font-family: 'Montserrat Alternates', sans-serif;
    color: #737374;
}

h1 {
    font-family: 'Montserrat Alternates', sans-serif;
    color: #737374;
    font-size: 22pt;
}

h2 {
    font-family: 'Montserrat Alternates', sans-serif;
    color: #737374;
    font-size: 18pt;
}

/*Gallery styling begin*/


.gallery {
    padding-bottom: 10px;
    margin: 0 auto;
    width: 1300px;
    margin-top: 50px;
}

.img-container {
    padding-bottom: 10px;
    padding-right: 10px;
    display: inline-block;
    position: relative;
}

.img-container img {
    width: 420px;
            
  }
.overlay{
    opacity: 0;
    background-color: #ffff;
    
}

.gallery-img {
  opacity: 1;
  transition: .5s ease;    
/*
  display: block;
  width: 100%;
  height: auto;
*/

  
}

.overlay:hover {
   opacity: 1; 
    transition: .5s ease;
    background-color: #ffff;
    top: 50%;
    left: 50%;
    text-align: center;
}

.img-container:hover .gallery-img {
    opacity: 0.1;
}

    
.img-container:hover .overlay {
    background: #FFFF;
    opacity: 1;
}

.hover-text {
top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    padding: 16px 32px;
    position: absolute;
    text-align: center;

}


    

/*Gallery styling end*/

/*about styling end*/

.about {
    clear:none;
    height: 506px;
    
    
}

.about-container{
    padding-bottom: 10px;
    margin: 0 auto;
    width: 830px;
    margin-top: 50px;
}

.about-img-container {
    width: 309px;
    padding: 10px;
    float: left;
    
}    

.about-img-container img {
    height: 320px;
}

.about-content {
    display: block;
    padding: 5px;
    width: 787px;
}
    .clearfix {
  overflow: auto;
    
}



/*Footer styling start*/

footer {
    background-color: #F0EFF0;
    padding: 20px;
    font-family: 'Montserrat Alternates', sans-serif;
    font-size: 16px;
    color: #737374;
    margin: 0 auto;
    width: 1300px;
        
 }

.foot-icon {
    width: 30px;
    height: 30px;
    float: right;
    margin-right: 20px;
    margin-bottom: 20px;
    display: inline-block;
}
/*Footer styling end*/