/**
* Hero section
*
* @since 1.0.0
*/

.hero-banner {
    padding-top: 115px;
}

.hero-banner > .container {
    max-width: 1380px;
}

.hero-banner .hero-banner__image-container {
    background-color: #604145;
    max-width: 390px;
}

.hero-banner .hero-banner__heading {
    font-size: 64px;
}

.hero-banner .hero-banner__text {
    font-size: 20px;
}

/**
* Why Work section
*
* @since 1.0.0
*/

.why-work,
.current-openings {
    padding: 80px 0;
}

.why-work h2,
.current-openings h2 {
    font-size: 38px;
}

.why-work .card-text {
    font-size: 20px;
}

/**
* Current Openings section
*
* @since 1.0.0
*/

.current-openings .card-title {
    font-size: 24px;
}

.current-openings .card-subtitle,
.current-openings ul li {
    font-family: Geist, sans-serif;
    font-size: 18px;
    line-height: 1.56;
}

.current-openings .btn {
    font-size: 20px;
}

/**
* Mobile Responsiveness section
*
* @since 1.0.0
*/

@media ( max-width: 1025px ){
    .hero-banner {
        padding-top: 135px;
    }

    .hero-banner .hero-banner__heading {
        font-size: 58px;
    }

    .hero-banner .hero-banner__text {
        font-size: 18px;
    }

    .why-work,
    .current-openings {
        padding: 70px 0;
    }

    .why-work h2,
    .current-openings h2 {
        font-size: 36px;
    }
    
    .why-work .card-text {
        font-size: 18px;
    }

    .current-openings .card-title {
        font-size: 22px;
    }
    
    .current-openings .card-subtitle,
    .current-openings ul li {
        font-size: 17px;
    }

    .current-openings .btn {
        font-size: 18px;
    }
}

@media ( max-width: 768px ){
    .hero-banner {
        padding-top: 125px;
    }

    .hero-banner .hero-banner__heading {
        font-size: 56px;
    }
    
    .hero-banner .hero-banner__text {
        font-size: 16px;
    }

    .why-work,
    .current-openings {
        padding: 60px 0;
    }
    
    .why-work h2,
    .current-openings h2 {
        font-size: 34px;
    }

    .why-work .card-text {
        font-size: 16px;
    }

    .current-openings .card-title {
        font-size: 20px;
    }
    
    .current-openings .card-subtitle,
    .current-openings ul li {
        font-size: 16px;
    }

    .current-openings .btn {
        font-size: 17px;
    }
}

@media ( max-width: 576px ){
    .hero-banner .hero-banner__heading {
        font-size: 52px;
    }
}