.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header {
height: 12vh;
min-height: 80px;
max-height: 110px	
}
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-video.home.blog .custom-header {
height: 30vh;
min-height: 240px;
}
.has-header-image.home.blog .custom-header,
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.home.blog .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header {
display:block;
position:relative;
height:auto;
}
.site-branding,
.custom-header {
margin-bottom: 0 !important;
padding-bottom: 0;
}
.navigation-top .wrap {
padding: 0 1em;
}
.has-header-image.home .custom-header-media img,
.has-header-image.twentyseventeen-front-page .custom-header-media img {
bottom: 0;
position: absolute;
top: auto;
-ms-transform: translateX(-50%) translateY(0);
-moz-transform: translateX(-50%) translateY(0);
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0)
}
.has-header-image.home .custom-header-media img,
.has-header-image.twentyseventeen-front-page .custom-header-media img {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
width: 100%
}
.site-header .menu-scroll-down {
display:none;
}
.wp-custom-header .wp-custom-header-video-button {
height:36px;
width:36px;
z-index:4;
}
.admin-bar .wp-custom-header-video-button {
top:4px;
right:4px;
position:absolute;
z-index:4;
}
@media screen and (min-width: 601px) {
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header {
height: 12vh;
min-height: 80px;
max-height: 112px	
}
}
@media screen and (min-width:783px) {
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header {
max-height: 20vh;
min-height: 180px;		
}
.home.blog.has-header-image .custom-header-media:before,
.home.blog.has-header-video .custom-header-media:before,
.twentyseventeen-front-page.has-header-image .custom-header-media:before,
.twentyseventeen-front-page.has-header-video .custom-header-media:before {
height:100%;
}
.has-header-image.home .custom-header-media,
.has-header-image.twentyseventeen-front-page .custom-header-media,
.has-header-video.home .custom-header-media,
.has-header-video.twentyseventeen-front-page .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media,
.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media {
bottom:0;
height:auto;
left:0;
position:absolute;
right:0;
top:0;
}
.has-header-image.home.blog .site-branding,
.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.home.blog .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.home.blog.has-header-image .site-branding,.home.blog.has-header-video .site-branding,
.site-branding,.twentyseventeen-front-page.has-header-image .site-branding,
.twentyseventeen-front-page.has-header-video .site-branding {
position:relative;
-webkit-transition:margin-bottom .2s;
transition:margin-bottom .2s;
z-index:3;
padding:62px 0 38px;
margin-bottom:0;
}
}