@media screen and (max-width:768px){

.container{

padding:20px;

}

.hero{

padding:15px 20px;

}

.hero h1{

font-size:24px;

}

.hero-sub{

font-size:16px;

}

.hero-result img{

width:100%;

}

.cta{

width:100%;
font-size:18px;
padding:16px;

}

.results{

flex-direction:column;

}

.result img{

width:100%;

}

.section h2{

font-size:22px;

}

.hero-images__item{width: 70%;}

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

.benefit-item__text{font-size: 20px; margin: 0;}

.future-lead{font-size: 25px;}

.future-points{font-size: 18px;}

.future-text{font-size: 14px;}

.register-sub{font-size: 16px;}

.benefit-item{padding: 0;}

.result-item{width: 280px;}

}