.header-container{
    padding-top:10px;
    margin-bottom:10px;
    height: 300px;
}

@media (max-width: 700px) {
    .header-container{
        height:280px;
        margin-bottom:0;
    }
}
@media (max-width: 600px) {
    .header-container{
        height:235px;
    }
}
@media (max-width: 500px) {
    .header-container{
        height:210px;
        padding: 10px 0 0 0;
    }
}
img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}