@media screen and (min-width: 48em){
.twentyseventeen-front-page.has-header-image .custom-header-media, .twentyseventeen-front-page.has-header-video .custom-header-media, .home.blog.has-header-image .custom-header-media, .home.blog.has-header-video .custom-header-media {
    height: 1200px;
    height: 60vh;
    max-height: 100%;
    overflow: hidden;
    max-height: 60%;
}
}

@media screen and (min-width: 48em){
.panel-image {
    height: 40vh;
    max-height: 500px;
}
}