.hero{overflow:hidden;position:relative}@media only screen and (min-width:768px){.hero:before{content:'';display:block;padding-top:56.25%;width:100%}}.hero .media-wrap{bottom:0;left:0;position:absolute;right:0;top:0}.hero .content{position:relative}@media only screen and (min-width:768px){.hero .content{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}}.hero .down-arrow img{height:auto;width:30px}