.box-1 {

    padding-right: 2rem;

    background-color: #f5d358;

    background-image: url('../../resources/images/background/founder-bg-2.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    min-height: calc(100vh - 63px);

}



.box-1 h3{

    font-weight: bold;

    color: white;

    width: max-content;

}



.filter{

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.6);

}



.mission-text{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -40%);

    width: 80%;

    color: #ffc800;

    text-align: center;

    font-size: 2rem;

    font-weight: bold;

    z-index: 20;

}



.header-underline{

    height: 3px;

    border-radius: 30px;

    background-color: whitesmoke;

    margin-bottom: 1rem;

    margin-top: 0.5rem;

}



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

    .box-1{

        padding-right: 0;

        min-height: calc(100vh - 55.6px);

    }

    .mission-text{

        font-size: 1.5rem;

    }

}





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

    .mission-text {

        font-size: 1.2rem;

    }

}