div.homepage-banner {
    width:100%;
    height:90px;
    position:relative;
    display:inline-block;
    overflow:hidden;
    padding-top: 20%;
}

div.homepage-banner > img {
    position:absolute;
    top:50%;
    min-height:100%;
    display:block;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    min-width:100%;
}

header .container {
    padding-top : 10px;
}

section {
  padding: 50px 0;
}

@media (max-width: 600px) {
    /* CSS goes here */
    div.homepage-banner {
        padding-top: 40%;
    }
    section {
        padding: 30px 0;
    }
}

@media (max-width:300px) {
    /* CSS goes here */
    div.homepage-banner {
        padding-top: 50%;
        padding: 20px 0;
    }
}