@media(max-width:992px){

.hero-grid{

grid-template-columns:1fr;

text-align:center;

}

.hero p{

margin:auto;

}

.hero-buttons{

justify-content:center;

}

.hero h1{

font-size:54px;

}

.nav-menu{

display:none;

}

.nav-button{

display:none;

}

.hamburger{

display:block;

}

.logo img{

height:54px;

}

}

@media(max-width:640px){

.hero{

padding-top:110px;
min-height:auto;
padding-bottom:70px;

}

.hero h1{

font-size:42px;

}

.hero-buttons{

flex-direction:column;

}

.hero p{

font-size:16px;

}

.dna-overlay{

width:42%;
right:-20px;

}

}


@media (max-width:992px){

.hero{

background-position:72% center;
min-height:680px;

}

.hero::before{

background:linear-gradient(
180deg,
rgba(255,255,255,.94),
rgba(255,255,255,.80)
);

}

.hero-grid{

grid-template-columns:1fr;
text-align:center;

}

.hero-content{

margin:auto;

}

.hero p{

margin:auto;

}

.hero-buttons{

justify-content:center;

}

.hero h1{

font-size:54px;

}

}