/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/
@media screen and (max-width: 768px) {
	.has-header-image.twentyseventeen-front-page .site-branding, 
	    .has-header-video.twentyseventeen-front-page .site-branding, 
	    .has-header-image.home.blog .site-branding, 
	    .has-header-video.home.blog .site-branding,
	    .has-header-image.twentyseventeen-front-page .custom-header, 
	    .has-header-video.twentyseventeen-front-page .custom-header, 
	    .has-header-image.home.blog .custom-header, 
	    .has-header-video.home.blog .custom-header {
		display: block;
		height: auto;
		left: 0;
		max-width: 100%;
		min-height: 0;
		-o-object-fit: unset;
		object-fit: unset;
		position: relative;
		-ms-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	
	.has-header-image.twentyseventeen-front-page .site-branding, 
	    .has-header-video.twentyseventeen-front-page .site-branding, 
	    .has-header-image.home.blog .site-branding, 
	    .has-header-video.home.blog .site-branding,
	    .custom-header-media,
	    .has-header-image .custom-header-media img, 
	    .has-header-video .custom-header-media video, 
	    .has-header-video .custom-header-media iframe {
		position: static;
	}
	
	.has-header-image .custom-header-media img, 
	    .has-header-video .custom-header-media video, 
	    .has-header-video .custom-header-media iframe, 
	    .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
		min-height: 1px;
		-o-object-fit: unset;
		object-fit: unset;
	}
	
	.custom-header-media:before {
		background: none;
	}
	
	body.has-header-image .site-description, 
	    body.has-header-video .site-description {
		color: #222;
		opacity: 1;
	}
	
	.site-branding .wrap {
		padding: 0 1em;
	}
}

@media screen and (max-width: 768px) {
	.custom-header-media,
	    .has-header-image .custom-header-media img {
		display: block;
		position: static;
	}
	
	.has-header-image.home.blog .custom-header {
		height: auto;
	}
	
	.has-header-image.home.blog .site-branding {
		left: 0;
		position: absolute;
		top: 0;
	}
}