.heroSection{
    width: 1069px;
    float: left;
    margin-top: 20px;
}

.footerTop{
    margin-top: 800px;
}

/*tablet*/

@media only screen and (min-width: 601px) and (max-width: 1200px){
    .heroSection{
        width: 530px;
    }
}

/*mobile */

@media only screen and (min-width: 430px) and (max-width: 600px){
    .heroSection{
        width: 355px;
    }
}

/* small mobile phones */

@media only screen and (max-width: 429px){ 
    .heroSection{
        width: 290px;
    }
}