/* Utils */
.button-red {
    background-color: var(--accent-lighten);
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.2rem;
    color: var(--white);
    border-radius: 5px;
}

/* Navbar */
.navbar-gsb {
    background-color: transparent;
}

.navbar-gsb.navbar-scrolled {
    background-color: #024B02;
}

/* Header */
header {
    background: url(../../front_assets/img/home/header-bg.jpg) no-repeat center
        center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100vh;
}

.page-header {
    padding-top: 12rem;
}

.header-button {
    background: var(--primary);
    border-radius: 5px;
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.2rem;
    color: var(--white) !important;
}

@media only screen and (max-width: 767.92px) {

    .page-header {
        padding-top: 9rem;
        padding-bottom: 3rem;
    }

}

@media only screen and (max-width: 997.92px) {
    .page-header {
        padding-top: 8rem;
        padding-bottom: 3rem;
    }
}

@media only screen and (max-width: 997.92px) {

    /* Header */
    header {
        background: url(../../front_assets/img/home/header-bg.jpg) no-repeat center
            center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 100%;
    }

    .navbar-gsb {
        background-color: #024B02;
    }

    .c1-img-mobile {
        border: 5px solid var(--secondary);
        border-radius: 5px;
    }

}