.resp {display: none;}
.site-header .menu {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
}
@media only screen and (max-width: 880px)  {
    .portfolio-button {display: none;}
    .header-image img {height: 60px;}
    .header-image {margin-left: 12px; margin-top: 12px;}
    .site-header {height: 90px;}
    #slider {margin-top: 90px;}
    .main-navigation {display: none;}
    .resp {
    clear: right;
    cursor: pointer;
    display: block;
    float: right;
    margin-right: -15px;
    margin-top: 10px;
    position: relative;
    width: 50px;
}
           .resp .one {height: 8px; margin-top: 10px; width: 100%; background: #404040;}
           .main-navigation {background: white; color: white; margin-top: 7px; width: 100%; float: left;box-shadow: 0 -2px 15px #000;}
           .main-navigation a {color: #404040; line-height: 20px; display: block; border: none !important;}
}