@media screen and (max-width: 1120px) {
    .toggle-side {
        display: block;
        border: 1px solid #212121;
        padding: 8px 20px;
        font-family: 'Lora', serif;
        font-size: 18px;
        color: #212121;
    }
    .toggle-side:hover,
    .side-open .toggle-side {
        border-color: #84060C;
        color: #84060C;
    }
    .side {
        position: relative;
        left: 0;
        margin-left: -200px;
        -webkit-transition: all .4s ease;
           -moz-transition: all .4s ease;
            -ms-transition: all .4s ease;
             -o-transition: all .4s ease;
                transition: all .4s ease;
    }
    .side-open .side {
        left: 200px;
    }
    .has-side .content {
        position: relative;
        left: 0;
        margin-left: 0;
        width: auto;
        float: none;
        -webkit-transition: all .4s ease;
           -moz-transition: all .4s ease;
            -ms-transition: all .4s ease;
             -o-transition: all .4s ease;
                transition: all .4s ease;
    }
    .side-open .content {
        left: 200px;
    }
}