@import "/public/css/global.css";

@import "/public/components/whatsapp-chat-button/WhatsAppChatButton.css";
@import "/public/components/site-footer/SiteFooter.css";
@import "/public/components/site-header/SiteHeader.css";
@import "/public/components/mobile-nav/MobileNav.css";

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    width: 100vw;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

/******************************/

#site-header {
    /*component*/
}

/** SiteHeader component **/

/******************************/

#site-main > section > .section-center {
    padding: 4rem 1.5rem;
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

/******************************/

.split-section {
    background-color: #8a959f;
    min-height: 100px;
}

/******************************/

#site-footer {
    /*component*/
}

/** SiteFooter component **/

@media (max-width: 960px) {
    #site-main h2 {
        font-size: 2.0rem !important;
    }
}