/* your styles go here */

body{background:#111111!important;color:#ebebeb!important}
body a{color:#ebebeb!important}
/* initial states */
.logo-light {display: none;}
.logo-dark {display: block;}
.bg-transparent .logo-light {display: block;}
.bg-transparent .logo-dark {display: none;}
.logohome{position: absolute;bottom: 10px;right: 20px;width: 200px;}

  /* hover states */
  .navbar:hover .logo-light {    display: none;  }
  .navbar:hover .logo-dark {    display: block;  }

/* scroll states */
.navbar.fixed-top .logo-light{    display: none;}
.navbar.fixed-top .logo-dark{    display: block;}

/*fonts*/
h1, .h1{font-weight:900;font-family: 'Montserrat', sans-serif;font-size:100px;color:#ECDAB2;letter-spacing: -0.01em;}
h2, .h2{font-family: 'Gratelos', sans-serif;font-weight:900;font-size:40px;color:#ECDAB2;}
h3, .h3{font-weight:900;font-family: 'Montserrat', sans-serif;font-size:80px;color:#ECDAB2;;letter-spacing: -0.01em;} 
h4, .h4{font-weight:900;font-family: 'Montserrat', sans-serif;font-size:80px;font-size:40px;color:#ECDAB2;}
.text-gray{color:#939393}
.font-weight-bold{font-weight:800!important}

.light-overlay::after{background:#33333350!important} 
.btn, .btn-outline-dark, .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show>.btn-outline-dark.dropdown-toggle{border-color:#ECDAB2!important;background:#ECDAB2!important;color:black!important}
.btn, .btn-outline-dark a{color:black!important}
.bg-dark{background:#111!important}
.nav-link{text-transform:uppercase;font-weight:800;font-family: 'Montserrat', sans-serif;font-size:18px;color:#939393}
 li{list-style-type: none;}
ul li{list-style-type: disc;color:white}


@media (max-width:560px) {
h1, .h1{font-size:60px;color:#333;}
h2, .h2{font-size:40px;text-transform:Capitalise}  
/*smaller h1 */ h3, .h3{font-size:40px;color:#ECDAB2;}
/*smaller SMALLER h1 */ h4, .h4{font-size:24px;color:#ECDAB2;}
.logohome{position: absolute;bottom: -85%!important;right: 20px;width: 200px;}
.overlay-content {position: relative;z-index: 0;background: #00000050;}
    
}

@media (max-width:800px) {
h1, .h1{font-size:48px;color:#ECDAB2;}
h2, .h2{font-size:30px;}  
/*smaller h1 */ h3, .h3{font-size:36px;color:#ECDAB2;}
/*smaller SMALLER h1 */ h4, .h4{font-size:24px;color:#ECDAB2;}
.logohome{position: absolute;bottom: -85%!important;right: 20px;width: 200px;}
}

.hero-heading{text-transform:none!important}