.logo { 
    max-width: 380px;
}
.main-title { 
    padding-bottom: 30px;
}
@media (max-width : 425px ) {
    #sidebar {display: none;}
    body > div.container.site {
            margin: 0 2% 0 2%;
    }
    header.site .title {
        margin-left: 5%;
    }
}
@media (min-width : 700px ) and (max-width : 768px ) {
    header.site {
        width: 870px;
    }
    body > div.container.site {
        margin: 0 10% 0 7%;
    }
}
@media (min-width:769px) and (max-width:1024px) {
    header.site {
        width: 1124px;
    }
        body > div.container.site {
            margin: 0 10% 0 7%;
    }
}
@media (max-width : 1024px ) {

}