@media (max-width:900px){

nav{

padding:1em;

gap:1em;

}

section{

padding:3em 1em;

}

.heroCopy{

padding:1.5em;

}

}

@media (max-width:600px){

body{

font-size:16px;

}

.cards{

grid-template-columns:1fr;

}

}