@media(max-width:1100px){

.hero-container{
    grid-template-columns:1fr;
    text-align:center;
}

.hero p{
    width:100%;
}

.hero-buttons{
    justify-content:center;
}

.hero-gallery{
    margin-top:80px;
    transform:scale(.85);
}

.service-grid{
    grid-template-columns:repeat(2,1fr);
}

.portfolio-grid{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.nav-links{
    display:none;
}

.nav-btn{
    display:none;
}

.menu-btn{
    display:block;
}

.hero h1{
    font-size:52px;
}

.hero-gallery{
    transform:scale(.6);
    height:480px;
}

.service-grid{
    grid-template-columns:1fr;
}

.portfolio-grid{
    grid-template-columns:1fr;
}

.section-title h2{
    font-size:38px;
}

}

@media(max-width:500px){

.hero h1{
    font-size:42px;
}

.hero-gallery{
    transform:scale(.45);
    margin-top:-40px;
}

.hero-buttons{
    flex-direction:column;
}

.btn-primary,
.btn-secondary{
    text-align:center;
}

}