.hero{align-items:center;background:#307fe2;color:#fff;display:flex;flex-wrap:nowrap;padding-top:75px}.hero__content,.hero__image{width:50%}.hero__image{background-position:50%;background-size:cover;min-height:500px}.hero__content{padding:0 10%}.hero__content>*{color:#fff}@media screen and (max-width:768px){.hero{flex-direction:column;padding-top:150px}.hero__content,.hero__image{width:100%}.hero__content{padding:20px}}