#hero__home{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 50px;grid-column-gap:.5em;grid-row-gap:.5em;grid-template-areas:"content" "guy" "scroll"}#hero__home .content{grid-area:content;align-self:start;justify-self:center}#hero__home .coffee-guy{grid-area:guy;align-self:start;justify-self:start}#hero__home .coffee-guy .img{max-height:150px}#hero__home .scroll{grid-area:scroll;cursor:pointer}#hero__home .scroll svg{display:inline-block;animation:pulse 2s infinite;color:#24e19a}@media only screen and (min-width:768px){#hero__home{display:grid;grid-template-columns:1fr 310px 1fr;grid-template-rows:auto 50px;grid-column-gap:1em;grid-row-gap:1em;grid-template-areas:"guy content ." "guy scroll .";min-height:500px}#hero__home .content{place-self:center}#hero__home .coffee-guy{align-self:end;justify-self:end}#hero__home .coffee-guy .img{max-height:none}}