/* ===========================
TABLET
=========================== */

@media (max-width:992px){

.hero-content h1{
font-size:60px;
}

.hero-content p{
font-size:22px;
}

.nav-links{
gap:20px;
}

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

}


/* ===========================
MOBILE
=========================== */

@media (max-width:768px){

.navbar{

flex-direction:column;

padding:20px;

gap:20px;

}

.logo img{

width:65px;

}

.nav-links{

flex-wrap:wrap;

justify-content:center;

gap:15px;

}

.hero-content h1{

font-size:42px;

}

.hero-content p{

font-size:18px;

}

.hero-buttons{

flex-direction:column;

width:100%;

align-items:center;

}

.btn{

width:280px;

text-align:center;

}

.about-box{

padding:35px 25px;

}

.social-grid{

grid-template-columns:1fr;

}

.contact-card{

padding:35px 20px;

}

.footer-social{

flex-wrap:wrap;

}

}


/* ===========================
SMALL PHONE
=========================== */

@media(max-width:480px){

.hero-content h1{

font-size:34px;

}

.hero-content p{

font-size:16px;

}

.hero-tag{

font-size:11px;

}

.logo img{

width:55px;

}

section{

padding:80px 0;

}

section h2{

font-size:30px;

}

.email{

font-size:18px;

}

}@media (max-width:768px){

    .email{

        font-size:18px;

    }

}