@media only screen and (max-width: 1200px) {
}

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

  #brand img{
    width: 80%;
  }

  #film img{
    width: 99%;
  }

  #content img{
    width: 90%;
  }

  #web img{
    width: 70%;
  }

  #video img{
    width: 55%;
  }

  #consultoria img{
    width: 90%;
  }
}

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

}

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

}

@media only screen and (max-width: 882px) {
  .title-img {
    padding-top: 0vh;
    /* padding-left: 0px!important; */
  }

  #consultoria img{
    padding-top: 0vh!important;
  }

  #section-4 h1 {
    line-height: 1!important;
    padding: 0 10%;
  }
}

@media only screen and (max-width: 767px) {
  body {
    font-size: 14px!important;
  }

  h1 {
    font-size: 300%;
  }

  header {
    /*background-image: url("../assets/head.png");*/
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    height: 100vh;
  }
  .title-img {
    padding-top: 0vh;
    /* padding-left: 0px!important; */
  }

  #consultoria img{
    padding-top: 0vh!important;
  }

  .foward {
    display: none!important;
  }
 
}

@media only screen and (max-width: 630px) {
  .title-img {
    padding-top: 0vh;
    padding-left: 0px!important;  
  }

  #consultoria img{
    padding-top: 1vh!important;
  }

  
  #brand img{
    width: 90%;
  }

  #film img{
    width: 95%;
  }

  #content img{
    width: 95%;
  }

  #web img{
    width: 85%;
  }

  #video img{
    width: 70%;
  }

  #consultoria img{
    width: 95%;
  }
}

@media only screen and (max-width: 500px) {
 
  .image-wrapper > div {
    width: 50%;
  }
  header {
    height: 100vh;
  }

  .logo {
    margin-top: 80px;
  }

  #nosotros {
    margin-top: 300px;
  }
 
  .us {
    line-height: 3;
  }

  #back {
    height: 30px;
  }

  .olo-logo{
    height: 30px;
  }

  #second nav {
    padding: 20px;
  }

  .us {
    height: 40px;
  }

  .us-box {
    width: 120px;
  }

  header {
    height: auto;
  }
  
  .title-img {
    padding-top: 0vh!important;
    padding-left: 0px!important;
  }

  #consultoria img{
    padding-top: 0vh!important;
  }

  .section2{
    padding: 15% 10%;
  }

  .back i{
    font-size: 50px!important;
  }

  #brand img{
    width: 85%;
  }

  #film img{
    width: 100%;
  }

  #content img{
    width: 100%;
  }

  #web img{
    width: 100%;
  }

  #video img{
    width: 70%;
  }

  #consultoria img{
    width: 100%;
  }

  #brand{
    height: 10.6%;
  }
  
  #film{
    height: 10.6%;
  }
  
  #content{
    height: 11.6%;
  }
  
  #web{
    height: 12.6%;
  }
  
  #video{
    height: 12.6%;
  }
  
  #consultoria{
    height: 15.6%;
  }

  .foward img {
    height: 15px!important;
    width: 40px!important;
  }

  .foward{
    right: 2%;
  }

  .bottom {
    display: block;
  }

  #atras{
    top: 48%;
  }

  .powered{
    display: flex;
  }

  .whats{
    bottom: 25%;
  }


}

@media only screen and (max-width: 480px) {
}

@media only screen and (max-width: 320px) {
}