.hero-nav-container{display:flex;justify-content:center;gap:1em;flex-wrap:wrap;padding:2em}.hero-nav-child{background-color:green;color:#fff !important;padding:.5em;flex:1;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;text-decoration:none}@media only screen and (max-width:599px){.hero-nav-container{flex-direction:column;gap:.5em}}@media only screen and (min-width:600px) and (max-width:899px){.hero-nav-container{flex-direction:column}}