:root{
    --br: #FFFFFF;
    --vi-1: #580F21;
    --vi-2: #A92042;
    --vd-wa: #4BCA5A;
}
.color-primary{ color: var(--vi-1) !important; }
a{ color: var(--vi-1); }
a:hover{ color: var(--vi-2); }
nav{ padding: 1rem 0; }
nav.fixed.scrolled { border-bottom: .2rem solid var(--vi-1); }
nav.transparent.fixed .menu > li > a,
nav.transparent.fixed .module.widget-handle i { color: var(--vi-1); }
.logo{ max-height: 100%; }
.logo-light{ margin-top: -1rem; }
.logo-slide{ max-width: 40%; margin-bottom: 3rem; }
button[type="submit"] { background-color: var(--vi-1); border-color: var(--vi-1); }
.image-bg .btn.btn-filled, .image-bg .btn-filled:visited { background-color: var(--vi-1); border-color: var(--vi-1); }
.image-bg .btn-filled:hover{ color: var(--br) !important; background-color: var(--vi-2) !important; }
h1.uppercase{ letter-spacing: .8rem; }
.footer-1 .logo{ max-height: 9rem; margin: 2rem 0; }
.col-logo{ padding: 0 !important; }
.social-list{ margin-top: -6rem; }
footer{ padding: 0; }
.whatsapp{ height: 0; position: fixed; bottom: 10rem; right: 0; z-index: 99; }
.whatsapp img{ height: 8rem; }
h6.uppercase,.h6-u{ letter-spacing: 0; }
.wa{ color: var(--vd-wa) !important; }

.fotos{ height: 20rem; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.foto-1{ background-image: url(../img/keen/4-fotos/foto-1.jpg); }
.foto-2{ background-image: url(../img/keen/4-fotos/foto-2.jpg); }
.foto-3{ background-image: url(../img/keen/4-fotos/foto-3.jpg); }
.foto-4{ background-image: url(../img/keen/4-fotos/foto-4.jpg); }

.slides{ max-height: 60rem; }
.image-slider{ 
    border-top: .2rem solid var(--vi-1); 
    border-bottom: .2rem solid var(--vi-1); 
}
.image-slider .slides li{ text-align: center;}
.image-slider .slides li img{ width: 50%; }

@media screen and (max-width: 48rem) {
    h1, h1.large, .h1 { font-size: 25px; }
    h2{ font-size: 25px; letter-spacing: 8px; }
    .logo-slide{ display: none; }
    h1.uppercase{ letter-spacing: .6rem; }
    .nav-bar{ max-height: 64px; line-height: 57px;}
    #contatos h6.uppercase, #contatos .h6-u{ width: 26rem; }
    .image-slider .slides li img{ width: 90%; }
}