:root {
    --bs-font-sans-serif:  Roboto, 'Roboto', system-ui,-apple-system,"Segoe UI", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif; 
    --bs-body-color: #333;
}

@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-v47-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/roboto-v47-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.menu-topo .nav{
    background: white;
    padding: 0.5rem;;
}
.menu-topo a{
    color:#333;
    padding-left: 0 !important;
}

.menu-topo a:hover{
    color:#8fb5a3
}

.menu-topo a.active{
    color:#333;
    font-weight: bold;
}

.menu-topo li a::before{
    content: '|';
    display: inline;
    color: #333;
    padding-right:.5rem;
    font-weight: 300 !important;
}
.menu-topo ul li:first-child a::before{
    content: none;
}

.sideImage {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    width: 100%;
    position: relative;
    background-image: url(../imagens/aho-desktop.webp);
    display: none;
}

.sideImage-mobile{
    height: 30vh;
    background-image: url(../imagens/aho-mobile.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.btnWhatsapp{
   background-color: #8fb5a3;
   color:#fff;
   border-radius:0;
   display: inline-flex;
}

.btnWhatsapp:hover{
    background-color: #333;
    color: #fff;
}


@media (min-width: 992px) {
    .menu-topo .nav{
        background: transparent;
    }
    .sideImage{
        display: block;
        min-height: 100%;
    }
    .sideImage-mobile{
        display: none;
    }

    .sideText{
        max-width: 660px;
    }
}