/* =================================
   LARGE TABLETS
================================= */

@media (max-width:1024px){

.hero-title{
font-size:44px;
}

.hero-tagline{
font-size:18px;
}

.services{
padding:100px 8%;
}

.services-title{
font-size:34px;
}

}



/* =================================
   TABLETS
================================= */

@media (max-width:768px){

/* NAVBAR */

.nav-links{
position:fixed;
top:0;
right:-100%;
height:100vh;
width:260px;
background:#031a1c;
flex-direction:column;
align-items:center;
justify-content:center;
gap:40px;
transition:right 0.4s ease;
z-index:999;
}

.nav-links.active{
right:0;
}

.nav-links a{
color:white;
font-size:18px;
}

/* HAMBURGER */

.hamburger{
display:flex;
position:relative;
z-index:1001;
}

/* HERO */

.hero{
padding:0 6%;
}

.hero-title{
font-size:38px;
}

.hero-tagline{
font-size:17px;
}

/* BUTTONS */

.btn{
padding:12px 26px;
font-size:14px;
}

/* SERVICES */

.services-grid{
grid-template-columns:1fr 1fr;
gap:25px;
}

.service-card img{
height:160px;
}

}



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

@media (max-width:480px){

/* HERO */

.hero-title{
font-size:30px;
}

.hero-tagline{
font-size:16px;
}

/* SERVICES */

.services{
padding:80px 6%;
}

.services-title{
font-size:28px;
margin-bottom:40px;
}

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

/* FOOTER */

.footer-container{
flex-direction:column;
text-align:center;
align-items:center;
}

.social-icons{
justify-content:center;
}

}