.selector-for-some-widget {
    box-sizing: content-box;
  }
body{
  background-color: rgb(0,0,0)	;
}
.header{
    background-color: rgb(0,0,0)	;
    padding-top: 10px;
    padding-bottom: 10px;

}
.header a{
    color: white;
    font-size: 1.3vw;

}

.navbar-dark .navbar-nav .nav-link:hover{
  color: yellow;
  
  }
  .logo{
      width: 100%;
      height: auto;
 
  }
  /*contenedor*/
  .contenedor{
    padding: 0px;
    padding-top: 10px;
    background-color: white;
    width: 100%;
    height: 690px;
    background-image: url("../imagenes/serviciosFondo.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position:bottom;
    
   
  }
  .botonWhatsapp {
    display:block;
    width:70px;
    height:70px;
    color:#fff;
    position: fixed;
    right:20px;
    bottom:20%;
    border-radius:50%;
    line-height:80px;
    text-align:center;
    z-index:999;
  }
  .gridServicios{
   
    display:flex;
    flex-direction: row;
    justify-content:flex-end;
    flex-wrap: wrap;
   
    height: 90%;
  }
  .columna{
  
    width: 20%;
    height: 100%;
border-style: none;
margin-right: 10px;
  
margin-top: 50px;
  
  }
  .servicio{
    width: 100%;
    height: 150px;

  }
  .descripcion{
 
      font-size:1.3vw;
  }
 

.texto-encima{
   
    font-size:1.5vw;
   
}
  /*footer*/
  .footer{
    background-color:black;
   
    height: 70px;
  
  }
  .footer span{
  color:gray;
  font-size:1.5vw;
  }
  .copyright{
    background-color: rgba(0, 0, 0, 0.2);
    font-size:1.3vw;
  }

  
@media (max-width: 1024px) {

    .header a{
      color: white;
      font-size: 1.7vw;
  
  }
  .copyright{
    background-color: rgba(0, 0, 0, 0.2);
    font-size:1.7vw;
  }
  .servicio{
    width: 100%;
    height: 120px;

  }
  .footer span{
    
    font-size:2.0vw;
    }
    .contenedor{
        padding: 0px;
        padding-top: 10px;
      
        width: 100%;
        height: 550px;
        background-size: 100% 100%;
 
        
       
      }
      .texto-encima{
    
        font-size:2.0vw;
  
    
    }
    .descripcion{
        font-size:1.6vw;
    }
    .descripcion{
        display:flex;
        align-items: center;
    }
  }
  @media (max-width: 775px) {
  
    .header a{
      color: white;
      font-size: 2.2vw;
  
  }
  .copyright{
    background-color: rgba(0, 0, 0, 0.2);
    font-size:2.4vw;
  }
  .footer span{
    
    font-size:2.5vw;
    }
    .contenedor{
        padding: 0px;
        padding-top: 10px;
      
        width: 100%;
        height: 400px;
        background-size: 100% 100%;
 
        
       
      }
      .columna{
  
        width: 20%;
        height: 90%;
    border-style: none;
    margin-right: 10px;
      
    margin-top: 10px;
      
      }
      .servicio{
        width: 100%;
        height: 80px;
    
      }
      .texto-encima{
    
        font-size:2.0vw;
  
    
    }
    .descripcion{
        font-size:1.8vw;
    }
    .descripcion{
        display:flex;
        align-items: center;
    }
  }
  
  
  @media (max-width: 576px) {
  
    .header a{
      color: white;
      font-size: 4.5vw;
  
  }
  .col-2{
  width:30%; 
  }
  .logo{
   width: 70px;
   height: auto;
   
  }
  .servicio{
    width: 60%;
    height:170px;

  }
  .copyright{
    background-color: rgba(0, 0, 0, 0.2);
    font-size:3.5vw;
  }
  .footer span{
    
    font-size:2.9vw;
    }
    .contenedor{
        padding: 0px;
        padding-top: 10px;
      
        width: 100%;
        height: auto;
        background-image: none;
 
        
       
      }
      .texto-encima{
    
        font-size:2.4vw;
 
    
    }
    .btn-primary{
      color: #fff;
      background-color: black;
      border-color: black;
  }
 
    .gridServicios{
   
      display:flex;
      flex-direction:column;
      justify-content:center;
     width: 100%;
     
      height: auto;
    }
    .descripcion{
        align-items: flex-start;
    }
    .descripcion{
        font-size:2.5vw;
    }
    .columna{
      align-items: center;
       height:100%;
       width:100%;
      
    }
 

  }