@media screen and (max-width:1430px){
   .services > article{
     margin:0 15px 15px !important;
  }
}

@media screen and (max-width:1170px){
  .home-info > article{
    left: 5%;
  }
  .aside-about-us{
    width: 40% !important;
    right: 7%;
  }
  .aside-about-us main p {
    font-size: 17px;
  }
  .aside-about-us h2 {
    font-size: 38px;
  }
  
 
}
@media screen and (max-width:1000px){
  .home-info > form{
    display: none !important;
  }
  .home-info > article{
    height: max-content;
  }
  .home-info > article{
    width: 80% !important;  
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
  .aside-about-us{
    right: 10%;
    width: 50% !important;
  }
  footer .title, footer h2{
    font-size: 25px;
  }

}
@media screen and (max-width:900px){
  #footer-content form {
    width: 90% !important;
  }
  .social-media{
    justify-content: space-between;
  }
}
@media screen and (max-width:750px){
  .home-info > article{
    width: 100% !important;
  }
  .aside-about-us{
    right: 20%;
    width: 60% !important;
  }
  footer > main{
    flex-direction: column;
    align-items: center;
  }
  footer > main > section{
    height: 300px !important;
  }
  #footer-content{
    width: 100% !important;
  }
  
}
@media screen and (max-width:600px){
  .container{
    padding: 0px 10px;
  }
  #header{
    height: 85px;
  }
  #logo{
    top: -17px;
  }
  #home h1 {
    font-size: 2.75em;
  }
  .aside-about-us{
    position: relative;
    width: 100% !important;
    left: 0;
    top: 0;
    transform: translateY(70px);
  }
  #about-us > main{
    display: none!important;
    top: 0% !important;
    transform: translateY(80px);
  }
  #about-us{
    height: inherit;
  }
  .services > article{
    height: 450px !important;
    width: 350px;
  }
  
}

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

  #about-us{
    height: max-content;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  #about-us .aside-about-us{
    transform: translateY(0px) !important;
    height: 100%;
    height: max-content;
  }
  .aside-about-us h2{
    font-size: 30px; 
  }
  .aside-about-us main p{
    font-size: 15px;
  }
  .portfolio-img .item-portfolio{
    width: 350px;
  }
  footer .title,
  #footer-website section {
    width: 100% !important;
  }
  footer h2{
    font-size: 35px;
  }
}

@media screen and (max-width:400px){
  .social-media i{
     margin-right: 9px;
  }
  .social-media > li {
    margin: 2px 0; 
  }
  .social-media #tel span{
    display: none;
  }
}

@media screen and (max-width:400px){
  .img-back{
    width: 338px !important;
    height: 400px !important;
  }
}