Happy Couple


.twentyseventeen-front-page .custom-header-media,
.home.blog .custom-header-media{
max-width: 100%;
width: 100%;
position: relative;
}
.twentyseventeen-front-page.has-header-image .custom-header-media img,
.home.blog.has-header-image .custom-header-media img
{
height: auto;
-o-object-fit: contain;
object-fit: contain;
width: 100%;
min-height: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
}
.twentyseventeen-front-page.has-header-image .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
.admin-bar.home.blog.has-header-image .custom-header-media{
height: 0;
padding-bottom: 60%;
}
@media (max-width: 782px) {
.twentyseventeen-front-page.has-header-image .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
.admin-bar.home.blog.has-header-image .custom-header-media {
padding-bottom: 52%;
}
}
@media (max-width: 480px) {
.twentyseventeen-front-page.has-header-image .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
.admin-bar.home.blog.has-header-image .custom-header-media{
padding-bottom: 45%;
}
}
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header{
display: block;
height: auto;
}
.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding{
position: absolute;
top: 0;
}

Leave a Reply