@media all and (min-width: 420px) {


    }

    @media all and (min-width: 508px) {
      
        .s02 .globo{

        margin: 15px 5px;
        max-width: 250px;
     } 

     .footer .telefonos{
      padding-bottom: 0;
     }

    }
    @media all and (min-width: 768px) {

       .s01 .ancho .texto {
        max-width: 400px;
        margin-left: 50px;
      }
      .s01 .ancho .texto h1{
        font-size: 50px;
        line-height: 50px;
      }

      .s03 .texto{
        flex: 1 1 400px;
      }
       .s03 .camion{
        flex: 1 1 200px;
       }
       .s02{
        min-height: 0;
       }
      .s02 .fondo{
        height: 400px;
        width: auto;
        min-height: 400px;
      }

      .s02 .pa,
      .s03 .pa
      {
        padding: 15px 50px;
      }
      .s03{
        background-size: 100% 100%;
      }
      .s03 .texto{
        order: 0;
      }
       .s03 .camion{
        max-width: 500px;
      }

      .footer{
        padding-bottom: 10px;
        padding-top: 50px;
      }
      .footer .logo,
      .footer .telefonos,
      .footer .redes
      {
        flex: 1 1 200px;
      }
      .footer .logo{
        padding: 0;
        margin-bottom: 0;
      }

      .footer .logo img{
        margin: 0 auto 0 0;
      }

      .footer .telefonos{
        align-content: center;
      }

      .footer .redes{
        justify-content: flex-end;
      }
      .footer .redes .icon{
        margin-right: 0;
        margin-left: 10px;

      }

       /*================================*/

      .about{
        background-size: auto 100%;
      }

        .titu h1{
        font-size: 50px;
        line-height: 55px;

       }

       
      .textImagen{
        justify-content: space-between;
      }

      .textImagen .texto{
        flex:1 1 400px;
        margin-bottom: 100px;
      }


      .textImagen .foto{
       max-width: 500px;
        flex: 10 1 300px;
      }

      .about .tabs{
        padding-bottom: 0;
      }

      /*===============================*/
      

      .pross{
        padding: 30px;
        padding-top: 110px;
        background-size: 100% 65%;
        background-position: center 15%;
    
     }

      .pross .timg .foto{
        padding-left: 15px;
     }


      /*===============================*/
      .paletas{
        padding: 60px 0;
      }

      .tresC .ancho{
        justify-content: space-between;
      }
      
      .c02 .foto{
        order: 2;
      }

         .tresC{
        background-size: 100% 100%;    }

      .casos .ban{
        background-size: 100% 100%;
      }

    }

    @media all and (min-width: 980px) {
      
         header .logo{
          flex: 0 0 200px;
         }
    
         header nav{
            position: relative;
            bottom: 0;
            left: 0;
            height: 50px;
            flex: 10 1 500px;
         }
          header nav .menuIcon{
            display: none;
          }

           header nav .menu{
            background: transparent;
            border-top:0; 
            align-content: center;
            width: 100%;
            transform: translateY(0);
           }

          header nav .menu li{
            width: auto;
            flex: 0 1 auto;
            list-style: none;
            display: block;
            background: transparent;
            padding: 0;

          }
          header nav .menu li a{
            position: relative;
            background: transparent; 
            padding: 8px;
            text-align: center;
          }

          header nav .menu li a:after{
            content:"";
            position: absolute;
            top: 100%;
            height: 3px;
            width: 0;
            background-color: #1f143b;
            left: 0;
            transition: all 500ms cubic-bezier(0.000, 0.730, 0.000, 1.000);
          }
           header nav .menu li a:hover:after{
            width: 100%;
           }
         
          .s02 .fondo{
            height: auto;
            width: 100%;
            min-height: 400px;
          }

          

           .footer .telefonos{
            padding: 0;
          }

          .footer .redes{
              padding:0;
          }

          /*======================================*/
          
          .pross{
            background-size: 100% 80%;
            background-position: center 15%;
         }


           .pross .timg{
            width: 100%;
            justify-content: space-between;
          }

          .letricas{
            display: flex;
          }
          .s04{
            margin-bottom: 100px;
          }

      }


    @media all and (min-width: 1080px) {

      .s02{
        margin-top: -20vh;
      }
        .s02 .pa{
        padding: 0;
      }
      .s02 .globo{
        width: 250px;
      }

       .s02 .globo a:hover .contGlobo{
        transform: translateY(-50px);
        border-color: white;
      }


         .t01{
          font-size: 50px;
         }
         .t02{
          font-size: 30px;
         }

        .s04 .ns{
          font-size: 50px;
        }

        .footer .pa{
          padding-bottom: 15px;
          justify-content: flex-end;
        }
        .footer .pa .logo,
        .footer .pa .telefonos,
        .footer .pa .redes{
          flex: 1 1 300px;
          text-align: center;
          border-right: 2px solid #d1d1d1;
        }

        .footer .pa .redes{
          border-right: 0;
          text-align: right;
          justify-content: flex-end;
        }

        /*================================*/


        .paletas .ancho{
          justify-content: space-between;
        }

    }


/*======================================*/

    @media all and (min-width: 1200px) {

        .s01{
          height: 80vh;
          max-height: 900px;
        }
        .s02{
          padding: 50px;
          background-size: 100% 100%;
        }

        .serv .paletas {
          background-size: 100% 100%;
        }



    }

    @media all and (min-width: 1400px) {
        .about{
        background-size: 100% 100%;
      }
        

    }

    @media all and (min-width: 1600px) {



    }

    @media all and (min-width: 1800px) {
        
    }

    @media all and (min-width: 1900px) {

    }