@media only screen and (max-width: 767px) {
header {
    background-color:#000;
    }
 header div {
    background: #fff;
    -webkit-clip-path: polygon(30% 0%, 0% 100%, 70% 100%, 100% 0);
    display: flex;
    justify-content: center; 
    max-width:50%;
}
header div img {
    padding:20px; 
    max-height:60px;
}
footer {
    background-color:#000;
    color:#fff;
    height:150px;
    padding:20px;
    text-align: center;
}
footer p {
    padding-top: 110px;
}
}
@media only screen and (min-width: 768px) {
header {
    background-color:#000;
    }
 header div {
    background: #fff;
    -webkit-clip-path: polygon(30% 0%, 0% 100%, 70% 100%, 100% 0);
    display: flex;
    justify-content: center; 
    max-width:15%;
}
header div img {
    padding:20px; 
    max-height:60px;
}
footer {
    background-color:#000;
    color:#fff;
    height:150px;
    padding:20px;
    text-align: center;
}
footer p {
    padding-top: 110px;
}
}