body {
    overflow-x: hidden;
    font-family: "Kanit", sans-serif;
    font-weight: 400;

}

.mission-img-container {
    position: relative;
    width: 100vw;
    background-color: black;

}

.mission-container {
    position: absolute;
    top: 200px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    color: white;
    font-size: 30px;
    font-family: "Prompt", sans-serif;

}

.mission-img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    z-index: 900;
    opacity:0.4;
}

.mission-container2 {
    font-size: 70px;
}


@media (max-width:1000px) {
    .mission-container2 {
        font-size: 50px;

    }

    .mission-container {
        top: 150px;
        font-size: 20px;
    }

}

@media(max-width:768px) {
    .mission-container2 {
        font-size: 40px;

    }

    .mission-container {
        top: 150px;
        font-size: 20px;
    }

}

@media(max-width:640px) {
    .mission-container2 {
        font-size: 25px;

    }

    .mission-container {
        top: 120px;
        font-size: 15px;
    }
}

@media(max-width:514px) {
    .mission-container {
        display: none;
    }
}