.container-parallax-mideo {
    padding:50px;
    padding-bottom:140px;
    padding-top:120px;
}

@media (max-width:767px) {
    .container-parallax-mideo {
        padding-left:20px;
        padding-right:20px;
        padding-bottom:50px;
        padding-top:50px;
    }
}

.mideo-box-1 /* defines padding of first parallax section */ {
    padding-top:40px;
}

@media (max-width:767px) {
    .mideo-box-1 /* brings the first parallax section up closer to nav on mobile */ {
        padding-top:0px;
    }
}

.bg-parallax-ruins {
    background-image:url(../images/mideo-ruins.jpg);
    background-position:center;
    background-size:100% !important;
}

.bg-parallax-city {
    height:auto;
    background-image:url(../images/mideo-roofs.jpg);
    background-position:center;
 }

.bg-parallax-crops {
    height:auto;
    background-image:url(../images/mideo-field.jpg);
    background-position:center;
}

.bg-parallax-field {
    height:auto;
    background-image:url(../images/mideo-scene.jpg);
    background-position:center;
}

.parallax-text-box /* defines the width of the text areas on mideo page */ {
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
}

.mideo-hdr /* defines the headers sizes in the mideo pages */ {
    font-family:bodoni-urw;
    font-size:76px;
    line-height:66px;
}

@media (max-width:767px) {
    .mideo-hdr {
        font-family:bodoni-urw;
        font-size:36px;
        line-height:36px;
    }
}

.mideo-body-copy /* defines the size of the body copy on the mideo page */ {
    font-size:28px;
    font-weight:100;
}

@media (max-width:767px) {
    .mideo-body-copy {
        font-size:14px;
        font-weight:100;
    }
}

.img-support-image-700w {
    max-width:700px;
    width:90%;
}

.img-support-image-800w {
    max-width:800px;
    width:90%;
}