@media screen and (min-width: 320px) and (max-width: 570px) {
    .team {
        background: #ede9e9;
        padding: 100px 0;
    }
    .section-title h3
    {
        font-size: 25px;
    }
    #about
    {
        text-align: center;
    }
    section {
        padding: 10px 0;
        overflow: hidden;
    }
    .aboutu p
    {
        text-align: justify;
    }
    #footer .footer-top
    {
        padding:10px;
    }
    #footer .footer-top .footer-links
    {
        text-align: left;
    }
    #footer .footer-top .footer-links ul li
    {
        padding-left: 0;
    }
    .aboutu p
    {
        padding: 0 10px;
    }
    .about .content{
        flex-direction: column-reverse;
      }
      #hero .hero-container{
        top: 80px;
      }
}
@media screen and (min-width: 571px) and (max-width: 767px) {
    .about .content{
        flex-direction: column-reverse;
    }
}