@media only screen and (max-width: 30em) {

}
@media only screen and (max-width: 60em) {
    #allSideBoxes {
        display: block;
        position: relative;
        border-left: none;
        width: 100%;
    }

    #hideSideBoxes {
        display: none;
    }

    #triangles {
        position: relative;
        width: 124px;
        height: 128px;
        bottom: unset; 
        right: unset; 
        margin-top: 50px;
    }

    div#content{
        padding-bottom: 300px;
    }
}