/* your styles go here */

/* initial states */
.logo-light {display: none;}
.logo-dark {display: block;}
.bg-transparent .logo-light {display: block;}
.bg-transparent .logo-dark {display: none;}

/* 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;}

.blog-content li{padding:15px 0!important}
.blog-content p, body{font-size:0.95rem!important}
.blog-content h1, .h1{font-size: 4.05rem!important;}
.blog-content h2, .h2 {font-size: 1.7rem!important;margin-top: 2.7rem!important;}
.blog-content img{width:50%!important;margin:50px 0!important;}
.blog-content{padding:50px 0!important}

@media screen and (max-width: 600px){
.blog-content p, body{font-size:0.9rem!important}
.blog-content h1, .h1{font-size: 3.05rem!important;}
.blog-content h2, .h2 {font-size: 1.7rem!important;margin-top: 2.7rem!important;}
.blog-content img{width:100%!important;margin:50px 0!important;}
}
@media screen and (max-width: 1280px){
.blog-content p, body{font-size:0.95rem!important}
.blog-content h1, .h1{font-size: 4.05rem!important;}
.blog-content h2, .h2 {font-size: 1.7rem!important;margin-top: 2.7rem!important;}
.blog-content img{width:50%!important;margin:50px 0!important;}
}
@media screen and (max-width: 1600px){
.blog-content p, body{font-size:0.95rem!important}
.blog-content h1, .h1{font-size: 4.05rem!important;}
.blog-content h2, .h2 {font-size: 1.7rem!important;margin-top: 2.7rem!important;}
.blog-content img{width:50%!important;margin:50px 0!important;}
}

.btn-sale{text-transform: uppercase;font-weight: bold;letter-spacing: .3em;line-height: 1;padding: .6rem .75rem;
font-size: .6875rem;line-height: 1.5;border-radius: 4px;background: lightgreen;margin: 20px 0!important;color:black!important}
.btn-sale a{color:black!important}
.btn-sale a:hover{color:black!important}
.btn-sale a:focus{color:black!important}