.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2rem}@media screen and (min-width:768px){.hero{flex-direction:row;padding:3rem}}.hero__image{width:20rem;height:auto}@media screen and (min-width:540px){.hero__image{width:25rem}}.hero__title{width:30rem;text-align:center;text-transform:uppercase;font-size:2.25rem}@media screen and (min-width:768px){.hero__title{text-align:left;font-size:3.5rem}}.hero__city{border-bottom:2px solid #000}