/* =========================
   RAWPEAK RESPONSIVE.CSS
   EXTRACTED 1:1 FROM MASTER
   (NO DESIGN CHANGE)
========================= */

/* =========================
   TABLET / MOBILE BASE
========================= */
@media(max-width:768px){

.nav-links{
display:flex;
gap:10px;
}

.nav-links a{
margin-left:0;
font-size:10px;
}

/* HERO */
.hero-content h1{
font-size:34px;
line-height:1.05;
letter-spacing:1px;
}

.hero-content h2{
font-size:20px;
}

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

/* SECTION */
.section{
padding:70px 8%;
}

.title{
font-size:22px;
}

/* SPLIT LAYOUT */
.split{
flex-direction:column;
padding:70px 8%;
}

.reverse{
flex-direction:column;
}

.split .image{
height:260px;
width:100%;
}

.split .text h2{
font-size:24px;
}

/* CTA */
.cta{
padding:70px 8%;
}

.cta h2{
font-size:24px;
}

/* LOGO STRIP */
.logo-strip{
gap:20px;
}

.logo-strip img{
height:34px;
}

/* GRID */
.grid{
grid-template-columns:1fr;
}

/* CARD IMAGE */
.card img{
height:160px;
}
}