.hero{background-size:cover;background-position:center;background-repeat:no-repeat;height:60em;box-sizing:border-box;color:#fff;display:flex;align-items:flex-start;padding:6rem 4rem 0;justify-content:center;text-align:center}.boxIntro{background-color:#00000080;padding:3rem 4rem 4rem;border-radius:8px;display:flex;flex-direction:column;align-items:center}.textIntro{font-size:1.5rem;width:50%;justify-self:center}@media only screen and (max-width: 800px){.hero{margin-top:70px;height:30rem;padding:1.5rem 1rem 1rem}.boxIntro{padding:1.5rem 1rem 1rem;width:120%}.textIntro{width:100%}}