.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;

}
.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;
}
.header a{
    color: white;
    font-size: 1.3vw;

}



  .promo {
   margin-top:50px;
   display: flex;
justify-content: center;

    width: 100%;
height: 450px;
 
    transform-style: preserve-3d;
  }
  .promo img {

    width: 80%;
    height:80vh;
    transform: rotateX(70deg) rotateZ(-60deg) translate3d(-120px, 0px, 70px);
    box-shadow: -80px 60px 15px 5px rgba(0,0,0,0.4);
    transition: all .4s;
    transform-style: preserve-3d;
  }
  .promo:hover img {
    transform: rotateX(0deg) rotateZ(0deg) translate3d(0px, 0px, 0px);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
  }
  

.navbar-dark .navbar-nav .nav-link:hover{
  color: yellow;
  
  }
  .logo{
      width: 100%;
      height: auto;
 
  }
  /*contenedor*/
  .contenedor{
    padding: 0px;
    padding-top: 10px;

    width: 100%;
    height: 800px;
    background-color: #333;;
  }

  /*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;
  }
  .footer span{
    
    font-size:2.0vw;
    }
    .contenedor{
        padding: 0px;
        padding-top: 10px;
      
        width: 100%;
        height: 550px;
        background-size: 100% 100%;
 
        
       
      }
      .promo {

     
         width: 100%;
     height: 450px;
       }
       .promo img {
     
         width: 80%;
         height:80%;
       }
  }
  @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%;
 
        
       
      }
      .promo {

     
        width: 100%;
    height: 100%;
      }
      .promo img {
    
        width: 80%;
        height:80%;
      }
  }
  
  
  @media (max-width: 576px) {
  
    .header a{
      color: white;
      font-size: 4.5vw;
  
  }
  .col-2{
  width:30%; 
  }
  .logo{
   width: 70px;
   height: auto;
   
  }
  .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: 550px;
        background-image: none;
 
        
       
      }
      .promo {

     
        width: 100%;
        height:50vh;
      }
      .promo img {
        transform:none;
        box-shadow:none;
        transition: none;
        transform-style:none;
        width: 80%;
        height:80%;
      }

  }