html, body {
    overflow-x: hidden;
    background-color: #ffffff;
}

section {
    padding: 4rem 0;
}

.bg {
    background-color: #54301a;
}

.color-text {
    color: #54301a;
}

.border-box {
    border-top: 2px solid #54301a;
    border-left: 2px solid #54301a;
    border-right: 2px solid #54301a;
}

.img-max-width {
    max-width: 30%;
}

.transform-none {
    text-transform: none;
}

/* Media Query */

@media (min-width: 576px) {

    .img-max-width {
        max-width: 50%;
    }

}

@media (min-width: 768px) {

    .img-max-width {
        max-width: 50%;
    }
}

@media (min-width: 992px) {

    .img-max-width {
        max-width: 30%;
    }
}

@media (min-width: 1200px) {


}

@media(max-width: 575px) {

    .img-max-width {
        max-width: 50%;
    }
}