@font-face {
    font-family: 'Adobe Garamond Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Adobe Garamond Pro Regular'), url('/assets/fonts/AGaramondPro-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Adobe Garamond Pro Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Adobe Garamond Pro Italic'), url('/assets/fonts/AGaramondPro-Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Adobe Garamond Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Adobe Garamond Pro Bold'), url('/assets/fonts/AGaramondPro-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Adobe Garamond Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Adobe Garamond Pro Bold Italic'), url('/assets/fonts/AGaramondPro-BoldItalic.woff') format('woff');
    }

*{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
nav.container.navbar.navbar-expand-lg.navbar-light {
    max-width: 990px;
}
.header-title-logo img {
    width: auto;
    max-width: 100%;
    max-height: 65px;
}
a.nav-link {
   color: #000;
    font-weight: 500;
    font-family: Adobe Garamond Pro Regular;
}
.navbar-light .navbar-nav .nav-link {
    padding: 5px 15px!important;
    color: rgba(0,0,0,.5);
}
.navbar-light .navbar-nav .active>.nav-link{
    border-bottom: 2px solid #000 !important;
    padding-bottom: 5px;
}
.our-story-social-links  li a {
    font-family: 'Adobe Garamond Pro Regular';
    list-style: none;
    background: grey;
    color: #fff;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    margin: 0 10px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
}
.navbar-li-sec{
    font-size: 18px;
}
.our-story-tags ul li {
    display: inline-block;
    padding: 0 10px;
}
.our-story-tags {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 276px;
}
.our-story-tags ul li a {
    font-family: 'Adobe Garamond Pro Bold';
    color: #000;
    font-size: 18px;
}
.social-link ul li {
    display: inline-block;
    font-size: 20px;
    padding: 0 8px;
    float: right;
}
.social-link ul li a {
    background: grey;
    color: #fff;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
}
.social-link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 276px;
}

.background-section{
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.1)),url("../img/banner-1-img.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
width: 100%;
}
.banner-content .heading-sec h1{
    
    font-size: 35px!important;
    font-family: 'Adobe Garamond Pro Regular';
    position: absolute;
    top: 100%;
    left: 50%;
    color: #fff;
    font-weight: 400!important;
    font-size: 60px!important;
    transform: translate(-50%, -150%);

}
.about-content{
background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.1)),url('../img/second-section-img.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.about-content .content{
    padding: 50px 0;
}
.about-content .content p{
    max-width: 990px;
    font-family: 'Adobe Garamond Pro Regular';
    color: #fff;
    font-size: 20px;
}
.container-img{
    
    padding: 100px;
    background: #38383B;
}
.content-img img{
    display: flex;
    margin: auto;
}
.image-container{
    background: #fff;
}
.image-container:hover{
    box-shadow: 0 3px 10px 0 #f1f1f1;
    background: #fff;
}
.gallery-area{
    padding: 100px 0 100px 0;
    background: #383636;
}
#site-header {
    
    top: 0;
    width: 100%;
    position: fixed;
    transition: all 0.3s ease;
    z-index: 100;
    background: #fff;
  }
  #site-header.hide {
    top: -1000px;
  }
  .section-row{
    height: 300px;
  }
 
  .contact-para p {
    font-family: 'Adobe Garamond Pro Regular';
    font-size: 18px;
    font-weight: 400;
    padding: 10px 0;
    color: #fff;
}
.hours-row p {
    padding: 6px 0;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Adobe Garamond Pro Regular';
}
.hours-row h4 {
    font-weight: 500;
    font-size: 22px;
    font-family: 'Adobe Garamond Pro Regular';
}