@media only screen and (max-width: 1300px) {
    .wrapper {width: 70%;}
    .carousel {margin: 1rem auto;}
    .wrapper {&.galleryPage, &.comicPage {width: 100%;}}
    .comicPage{
        .wrapper {width: 100%;}
        overflow-y: auto;
        .column {width: 100%;}
    }
    .gen {width: 100%; padding: .5rem 1rem;}
    .row {display: inline-block;}
    .search {
        margin: 0 auto;
        input[type=text] {width: 100%;}
    }
    .footer {column.right, .column.gen {text-align: center; width: 100%;}}
    .comicImg {width: 33.3%;}
    .galleryGridSizer {width: 25%;}
    .galleryImg {width: 25%;}
    .comicGridSizer {width: 33.3%;}
    	.updateEntry {
        display: inline-block;

    /* alternate the way the updates are posted */
    &:nth-of-type(odd) {
        .column {
            &.right {text-align: center;}
        }
    }
    &:nth-of-type(even){
        flex-direction: none;
        .column {
            &.left {.updateImage {float: none;}}
        }
    }
    .column{
        padding: 0;
            &.left, &.right {
                margin: 0 auto;
                text-align: center;
                width: 100%;
            }
        }
    }

    .updateImage {
        max-height: 300px;
        width: 100%;
        margin: 0 auto;
        transition: width 400ms 50ms ease-in-out;
        img {
            object-position: 50% 30%;
        }
        &:hover {
            border-radius: 2rem;
        }
    }

    .sideBarWrapper {width: 100%;}

}