@media (max-width:767px) {
    #wrapper {
        margin: 0;
        width: auto
    }

    #container {
        padding-left: 0;
        padding-right: 0
    }

    #main,
    #left,
    #right {
        float: none;
        width: auto
    }

    #left {
        right: 0;
        margin-left: 0
    }

    #right {
        margin-right: 0
    }
}

img {
    max-width: 100%;
    height: auto
}

.audio_container audio {
    max-width: 100%
}

.video_container video {
    max-width: 100%;
    height: auto
}

.aspect,
.responsive {
    position: relative;
    height: 0
}

.aspect iframe,
.responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.aspect--16\:9,
.responsive.ratio-169 {
    padding-bottom: 56.25%
}

.aspect--16\:10,
.responsive.ratio-1610 {
    padding-bottom: 62.5%
}

.aspect--21\:9,
.responsive.ratio-219 {
    padding-bottom: 42.8571%
}

.aspect--4\:3,
.responsive.ratio-43 {
    padding-bottom: 75%
}

.aspect--3\:2,
.responsive.ratio-32 {
    padding-bottom: 66.6666%
}
