@media (max-width: 820px) {

.s-hero .container {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.img-hero {
    position: relative;
    overflow: hidden;
    height: auto;
    top: 83px;;
    right: 0px;
    display: block;
}

.text-hero {

    margin-left: 20px;
}

.text-about {
    color: #fff;
    max-width: 327px;
    font-size: 14px;
}


.s-about {
    background-color: #005A8C;
    width: 100%;
    height: 700px;
    display: flex;
    align-items: center;
}

.s-about .container img  {
    width: 45%;
}


.s-mission {
    width: 100%;
    height: 341px;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
}


.s-mission .text-mission {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 43px;
}

.s-mission .text-mission .item-m p {
    max-width: 240px;
    font-size: 14px;
}


.s-solution .item-s {
    max-width: 240px;
    margin-bottom: 30px;
}


.s-solution .item-s li {
    font-size: 14px;
}

.s-solution {
    height: 805px;    
}


.s-solution-item p {
   font-size: 14px;
}


.text-gallery {
    max-width: 398px;
    padding-right: 55px;
}

.s-gallery {
    height: 584px;
 }

 .s-gallery .text-gallery p {
    margin-bottom: 22px;
    margin-top: 10px
}


.img-acting {
    width:40%;
}


.s-acting {
   height: 537px;
}

.list-text-acting {
   
    font-size: 14px;
}


.s-contact .map-contact li {
    font-size: 10px;
}

.s-contact {
    height: 617px;
}

footer {
    height: 353px;
}

footer .text-footer ul {
    max-width: 273px;
}

footer .text-footer ul li{

    font-size: 14px;
    
}


}



@media (max-width: 480px) {

.botao {

    width: 100%;
}

.s-hero {
    height: auto;
}

.s-hero .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.img-hero {
    top: 0px;
   }


.text-hero {
    margin-left: 0px;
}


.s-clients {
    height: 340px;
}


.s-about .container {
   flex-direction: column;
   gap: 30px;
}


.s-about {
    height: 1150px;

}

.s-about .container img {
    width: 70%;
}


.text-about {
    color: #fff;
    max-width: 349px;
    font-size: 16px;
}


.s-mission .text-mission {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 43px;
    flex-direction: column;
    gap: 20px;
    text-align: center;
}


.s-mission {
    height: 630px;
}


.s-mission .text-mission .item-m h4 {
    justify-content: center;
}

.s-mission .text-mission .item-m p {
    max-width: 278px;
    font-size: 16px;
}

.s-mission .container span {
    display: flex;
    justify-content: center;
}

.s-solution .text-solution {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.s-solution {
    height: auto;
    padding-top: 80px;
    padding-bottom: 60px;
}

.s-solution-item p {
    font-size: 16px;
}

.s-solution .item-s li {
    font-size: 16px;
}


.s-solution .item-s {
    max-width: 300px;
}

.s-solution-item {
  margin: 0 auto;
  width: 68%;
}

.s-solution .container span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 210px;
}


.s-gallery .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}


.s-gallery {
    height: auto;
    padding-top: 70px;
    padding-bottom: 70px;
}

.text-gallery {
    max-width: 398px;
    padding-right: 0px;
    text-align: center;
    margin-bottom: 60px;
}

.s-gallery .box-gallery p {
    text-align: center;
    margin-bottom: 30px;
}

.s-gallery .text-gallery p {
    margin-bottom: 32px;
    margin-top: 10px;
}


.s-acting .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.img-acting {
    width: 90%;
}

.s-acting {
    height: auto;
    padding-top: 80px;
    padding-bottom: 70px;
}

.list-text-acting {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
}

.text-acting {
    padding-top: 27px;
}


.box-contact {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}


.s-contact {
    height: auto;
    padding-top: 80px;
    padding-bottom: 80px;
}


.s-contact .map-contact li {
    font-size: 12px;
}

footer .text-footer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: 22px;
}

footer {
    height: auto;
    padding-top: 0px;
    padding-bottom: 40px;
}

footer .text-footer ul li {
    font-size: 16px;
}

footer .text-footer ul {
    max-width: 440px;
}

footer .logo-scroll {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
}

.copy .container span {
    display: none;
    font-size: 12px;
    max-width: 175px;
}

.copy .container .redes img {
    padding-left: 33px;
}




}