html {
    scroll-behavior: smooth;
}

body {
    font-family: Roboto, sans-serif;
}

/*Nav*/
header a.nav-link {
    border-bottom: 0.2rem solid white;
    color: black !important;
}
header a.nav-link:hover {
    border-bottom: 0.2rem solid #17adff;
}

a.heroButton {
    border-bottom: 0.2rem solid black;
    color: black;
    font-size: 1.2rem;
    font-weight: bold;
    padding-bottom: 0.4rem;
}
a.heroButton:hover {
    border-bottom: 0.2rem solid #17adff;
    text-decoration: none;
}


/*Hero*/
.pageHero {
    padding: 6rem 0rem 5rem;
}
@media (max-width: 991px) {
    .pageHero {
        text-align: center;
    }
}

/*Sections*/
.pageSection {
    padding: 4rem 0rem;
}
@media (max-width: 767px) {
    .pageSection {
        text-align: center;
    }
}
.pageSection h2 {
    font-weight: 700;
    margin-bottom: 2rem;
}
.sectionBackgroundLight {
    background-color: #fbfbfd;
}

/*Footer*/
footer {
    font-size: 0.9rem;
    padding-top: 1rem;
}
.footerLinks a {
    border-bottom: 0.2rem solid white;
    color: grey;
    margin-right: 0.6rem;
    padding-bottom: 0.2rem;
}
.footerLinks a:hover {
    border-bottom: 0.2rem solid #17adff;
    color: black;
    text-decoration: none;
}
@media (max-width: 991px) {
    .footerCopyright {
        text-align: center;
    }
    .footerLinks {
        display: none;
    }
}