#history.page-section {
    background-image: url(../images/nosotros/mg-somos-historia-back.jpg);
    background-size: cover;
    min-height: 90vh;
    background-position-x: 70% !important;
}
#history .parallax-left-left-container {
    color: white;
    padding: 50px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    max-width: 100%;
    flex-direction: column;
    float: left;
    font-size: 1.6rem;
    border-left: 6px solid #d42529;
    background-color: transparent;
    margin: 5rem 0px;
}

#why.page-section {
    background-image: url(../images/nosotros/mg-somos-porque-back.jpg);
    background-size: cover;
    background-position-x: 10% !important;
}

#why .container .row {
    flex-direction: row-reverse;
}
#why .parallax-left-left-container {
    color: white;
    padding: 50px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    max-width: 100%;
    flex-direction: column;
    float: left;
    font-size: 1.6rem;
    border-left: 6px solid #d42529;
    background-color: transparent;
    margin: 8rem 0px;
}

#world.page-section {
    background-image: url(../images/nosotros/mg-somos-mundo-back.jpg);
    background-size: cover;
    background-position: center;
}
#world .container .row {
    flex-direction: column;
}
#world .parallax-left-left-container {
    color: white;
    padding: 50px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    max-width: 100%;
    flex-direction: column;
    float: left;
    font-size: 1.6rem;
    border-left: 6px solid #d42529;
    background-color: transparent;
    margin: 8rem 0px;
}

.mg-world-image-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.mg-world-image-container img {
    width: 250px;
    margin-top: 50%;
    transform: translate(0, -60%);
}

.video-container {
    height: calc(100vh - 140px);
    min-height: 500px;
}

#mg-dealer.page-section {
    padding-top: 4rem;
}

.parallax-right-container {
    background-image: url(../images/nosotros/mg-distribuidor-parallax-img.jpg);
    background-color: #000
}


@media screen and (max-width: 1024px) {
    .video-container {
        height: 50vh;
    }
    .parallax-right-right-container,
    .parallax-left-left-container {
        width: 100%;
        margin-top: 48%;
        font-size: 1.1rem;
        padding: 25px;
    }
}