@media screen and (max-width: 1380px) {
  .page {
    background-size: 200%;
    background-position: top center;
  }
  #img_sobre_nos img {
    height: 250px;
  }
}

@media screen and (max-width: 1150px) {
  .serv_img {
    height: 180px;
  }
  .serv_txt h1 {
    font-size: 2em;
  }
  .serv_txt spam {
    font-size: 1.2em;
  }
}

@media screen and (max-width: 970px) {
  #s2 {
    background-size: 200%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .sobre_banner {
    line-height: 1.1em;
    margin: 10px;
   
    
  }
  #img_sobre_nos img {
    height: 200px;
  }
}

@media screen and (max-width: 875px) {
  .translations,
  .social,
  .restrict {
    flex-grow: 1;
    background: rgba(255, 255, 255, 1);
    justify-content: center;
  }
  .menu_links {
    width: 70%;
    justify-content: flex-end;
  }
  .logo,
  .mobile_btn {
    margin: 5px 10px;
  }
  .page {
    background-size: 330%;
    background-position: top center;
  }
  
  #navio {  
  animation: navio 40s linear infinite;
}
 .plane_container img{
  animation: plane 20s linear infinite; 
  
}

  
   .serv_img {
    height: 100px;
  }
  .serv_txt h1 {
    font-size: 1.5em;
  }
  .serv_txt spam {
    font-size: 1em;
  }
}

@media screen and (max-width: 625px) {
  .menu_links,
  .translations,
  .social,
  .restrict {
    display: none;
    width: 100%;
    background: rgba(255, 255, 255, 1);
    justify-content: flex-end;
  }
  .menu_links {
    flex-direction: column;
  }
  .menu_mobile {
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
  }
  .links {
    flex-direction: row-reverse
  }
  .menu_item{
    height: 50px;
  }
  .aereo, .maritimo{
    flex-direction: column;
  }
  
    #navio {  
  animation: navio 20s linear infinite;
}
 .plane_container img{
  animation: plane 10s linear infinite; 
  
}

}