/* ===========================
1200
=========================== */

@media (max-width:1200px){

.why-grid,
.clients-grid{

grid-template-columns:repeat(2,1fr);

}

.workflow-grid{

grid-template-columns:repeat(2,1fr);

}

.footer-grid{

grid-template-columns:repeat(2,1fr);

}

}


/* ===========================
900
=========================== */

@media (max-width:900px){

nav{

display:none;

}

.navbar{

justify-content:center;

}

.navbar .btn{

display:none;

}

.logo{

font-size:28px;

}

.hero{

padding-top:160px;

}

.hero h1{

font-size:56px;

}

.hero p{

font-size:18px;

}

.form-grid{

grid-template-columns:1fr;

}

}


/* ===========================
700
=========================== */

@media (max-width:700px){

.why-grid,
.workflow-grid,
.clients-grid{

grid-template-columns:1fr;

}

.section-header h2{

font-size:36px;

}

.hero{

padding-top:140px;

}

.hero h1{

font-size:42px;

line-height:1.05;

}

.hero p{

font-size:17px;

}

.hero-checker{

margin-top:40px;

}

.checker{

display:flex;

flex-direction:row;

align-items:stretch;

}

.checker input{

flex:1;

min-width:0;

height:58px;

padding:0 18px;

font-size:15px;

box-sizing:border-box;

}

.checker input::placeholder{

font-size:15px;

}

.checker button{

width:110px;

height:58px;

flex-shrink:0;

}

.form-grid{

grid-template-columns:1fr;

}

.cta-box{

padding:50px 25px;

}

.footer-links{

gap:14px 18px;

}

}