@media (max-width:992px){

.hero-section{

text-align:center;

padding:50px 20px;

}

.hero-text h1{

font-size:30px;

}

.hero-img{

margin-top:30px;

}

.hero-img img{

max-width:300px;

}

}


@media (max-width:576px){

.hero-text h1{

font-size:22px;

}

.hero-text p{

font-size:14px;

}

.hero-img img{

max-width:230px;

}

}