@font-face {
    font-family: 'OpenSans';
    src: url('/wk/fon/OpenSans-VariableFont_wdth,wght.ttf')
    }    


@font-face {
    font-family: 'TitanOne-Regular';
    src: url('/wk/fon/TitanOne-Regular.ttf')

}    



html  {
 font-family: 'OpenSans';
}

h4,h5,h6 {
  font-family: 'TitanOne-Regular';

}

p, li{
font-size:0.9rem;
}
.navbar a{
font-size:1.1rem;
  font-family: 'TitanOne-Regular';
}
h4{
font-size:1.2rem;
}


#wk-menu-logo-1 img{
max-width:90px;
}

.wk-elemento-diseno1 h1 {
text-align: center;
background-color:#26898fbb;
padding-top:1rem;
padding-bottom:1rem;

}
.wk-pie {
   background-color: #26898f  
}
.btn-primary{
    background-color: #26898f);
    border-color:#26898f );
    color: white;
    border-radius:100px;
    padding:1.5rem 1.5rem; 

}




@media (min-width: 992px) {
.navbar {
flex-direction:column;
}
#wk-menu-logo-1 img{
max-width:150px;
transition: max-width 0.3s ease;
}

#wk-menu-logo-1.wk-logo-pequeno img{
max-width: 100px;
}

.navbar-nav li {
display:flex;
}

.navbar-nav li a {
position: relative;
padding-top:1rem;
padding-bottom: 1rem;
}

.navbar-nav li a::before {
        content: "";
        position: absolute;
        z-index: 2;
        left: 0;
        right: 100%;
        bottom: 10%;
        background: #26898f;
        height: 4px;
        -webkit-transition-property: right;
        transition-property: right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

.navbar-nav li a:hover:before {
right: 0;
}


}