/*@media (max-width: 1250px) {
        
    #services .contenedor figure .capa{
        
        visibility: visible;
    }

    #services .contenedor figure .capa h3{
        color: rgb(22, 22, 231);
        font-size: 28px;
    }

    #services .contenedor figure .capa p{
        animation: aparecer2 0.6s ease-in-out forwards;
        animation-duration: 20s;
        animation-delay: 0.01s; 
        pointer-events: auto;
       color: rgb(223, 24, 24);
       font-size: 14px;
    }

    @keyframes aparecer2 {
        from {
            opacity: 0;
            transform: translateX(-100%);
        }
        to {
            opacity: 1;
            transform: translateX(0%);
        }
    }
}*/
@media screen and (max-width: 1250px) {
}
@media screen and (min-width: 1024px) {
}

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

@media screen and (max-width: 767px) {
    
}
@media screen and (max-width: 660px) {

}   
@media screen and (max-width: 476px) {
    #services .contenedor figure .capa h3{
        color: rgb(255, 255, 255);
        font-size: 14px;
        /*margin-top: 50px;*/
    }
    #services .contenedor figure .capa p{
       color: rgb(255, 255, 255);
       font-size: 10px;
       padding: 5px;
    }
    #services .contenedor figure .capa1 h3{
        color: rgb(255, 255, 255);
        font-size: 14px;
        /*margin-top: 50px;*/
    }
    #services .contenedor figure .capa1 p{
       color: rgb(255, 255, 255);
       font-size: 10px;
       padding: 5px;
    } 
}

@media (max-width: 293px) {
    #services .contenedor figure .capa h3{
        color: rgb(255, 255, 255);
        font-size: 13px;
        /*margin-top: 50px;*/
    }
    #services .contenedor figure .capa p{
       color: rgb(255, 255, 255);
       font-size: 8px;
       padding: 5px;
    }
    #services .contenedor figure .capa1 h3{
        color: rgb(255, 255, 255);
        font-size: 13px;
        /*margin-top: 50px;*/
    }
    #services .contenedor figure .capa1 p{
       color: rgb(255, 255, 255);
       font-size: 8px;
       padding: 5px;
    }
}
@media (max-width: 245px) {
    #services .contenedor figure .capa h3{
        color: rgb(255, 255, 255);
        font-size: 13px;
        /*margin-top: 50px;*/
    }
    #services .contenedor figure .capa p{
       color: rgb(255, 255, 255);
       font-size: 7px;
       padding: 5px;
    }
    #services .contenedor figure .capa1 h3{
        color: rgb(255, 255, 255);
        font-size: 13px;
        /*margin-top: 50px;*/
    }
    #services .contenedor figure .capa1 p{
       color: rgb(255, 255, 255);
       font-size: 7px;
       padding: 5px;
    }
}

/***********************************/
/*flip**/
/*
  @media (max-width: 992px) {
    #flip-box {
      height: 100vh;
    }
  
    .flip-box-front, .flip-box-back {
      top: 66px;
    }
  }
  
  @media (max-width: 768px) {
    .flip-box:hover .flip-box-inner{
      font-size: 28px;
      color: #6b2d2d;
    }
  }
  /*
  @media (min-width: 1024px) {
  
    .flip-box-front .texto-imagen{
      width: 5%;
    }
  }
  
  @media (max-height: 660px) {
    #hero {
      height: 120vh;
    }
  }*/
  @media screen and (max-width: 476px) {
    #planeta .contenedor_planeta figure .capa h3{
        color: rgb(255, 255, 255);
        font-size: 14px;
        /*margin-top: 50px;*/
    }
    #planeta .contenedor_planeta figure .capa p{
       color: rgb(255, 255, 255);
       font-size: 10px;
       padding: 5px;
    }
    #planeta .contenedor_planeta figure .capa1 h3{
        color: rgb(255, 255, 255);
        font-size: 14px;
        /*margin-top: 50px;*/
    }
    #planeta .contenedor_planeta figure .capa1 p{
       color: rgb(255, 255, 255);
       font-size: 10px;
       padding: 5px;
    } 
}

@media (max-width: 293px) {
    #planeta .contenedor_planeta figure .capa h3{
        color: rgb(255, 255, 255);
        font-size: 13px;
        /*margin-top: 50px;*/
    }
    #planeta .contenedor_planeta figure .capa p{
       color: rgb(255, 255, 255);
       font-size: 8px;
       padding: 5px;
    }
    #planeta .contenedor_planeta figure .capa1 h3{
        color: rgb(255, 255, 255);
        font-size: 13px;
        /*margin-top: 50px;*/
    }
    #planeta .contenedor_planeta figure .capa1 p{
       color: rgb(255, 255, 255);
       font-size: 8px;
       padding: 5px;
    }
}
@media (max-width: 245px) {
    #planeta .contenedor_planeta figure .capa h3{
        color: rgb(255, 255, 255);
        font-size: 13px;
        /*margin-top: 50px;*/
    }
    #planeta .contenedor_planeta figure .capa p{
       color: rgb(255, 255, 255);
       font-size: 7px;
       padding: 5px;
    }
    #planeta .contenedor_planeta figure .capa1 h3{
        color: rgb(255, 255, 255);
        font-size: 13px;
        /*margin-top: 50px;*/
    }
    #planeta .contenedor_planeta figure .capa1 p{
       color: rgb(255, 255, 255);
       font-size: 7px;
       padding: 5px;
    }
}

/*********************************************/
/*********** POR QUE ELEGIRNOS       *********/
/*********************************************/
@media screen and (max-width: 476px) {
    #featured-services .container .bg-2{
        color: rgb(255, 255, 255);
        font-size: 16px;
        /*margin-top: 50px;*/
    }
    #featured-services .container p{
       color: rgb(255, 255, 255);
       font-size: 12px;
       padding: 5px;
    }
    
}

@media (max-width: 293px) {
    #featured-services .container .bg-2{
        color: rgb(255, 255, 255);
        font-size: 16px;
        /*margin-top: 50px;*/
    }
    #featured-services .container p{
       color: rgb(255, 255, 255);
       font-size: 12px;
       padding: 5px;
    }
}
@media (max-width: 245px) {
    #featured-services .container .bg-2{
        color: rgb(255, 255, 255);
        font-size: 16px;
        /*margin-top: 50px;*/
    }
    #featured-services .container p{
       color: rgb(255, 255, 255);
       font-size: 10px;
       padding: 5px;
    }
}