@media only screen and (max-width: 1200px){
    .hero-text-box{
        width: 100%;
        padding: 0 2%;
    }
    .row{
        padding: 0 2%;
    }
}

@media only screen and (max-width: 1023px){
    body{
        font-size: 16px;
        
    }
    section{
        padding: 60px 0px;
    }
    .main-copy{
       
        width: 80%;
        margin-left: 10%;
}
}

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

}

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

}