.content-boxes {
    width: 1200px;
    margin: 0 auto;
}

.mt-50 {
    margin-top: 60px;
}

.mb-150 {
    margin-bottom: 150px
}

.align-center {
    text-align: center;
}

.text-style {
    font-weight: 700;
}

.hope-box {
    width: 400px;
}

.hope-eng-box {
    width: 500px;
}

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

    .hope-box {
        width: 98%;
    }

    .hope-eng-box {
        width: 60%;
    }

    .content-boxes {
        width: 98%;
    }
}

@media screen and (max-width: 478px) {
    .content-boxes {
        width: 100%;
    }
}