.hero{display:flex;flex-direction:column-reverse;gap:3rem}.hero__content{display:flex;flex-direction:column;justify-content:space-between}.hero__image{border:1px solid var(--color-border);border-radius:1rem;overflow:hidden;width:30%;img{height:100%;transition:filter .3s ease-in-out;width:100%;&:hover{filter:grayscale(100%)}}}.hero__contacts{display:flex;flex-direction:column;gap:2rem;list-style:none;margin:0;padding:0;li{display:flex}}@media only screen and (min-width:37.5em){.hero{flex-direction:row}.hero__content{display:flex;flex-direction:column;justify-content:space-between;max-width:69.5rem;width:70%}.hero__contacts--row{flex-direction:row;gap:3rem}}