body{
    background: #000046;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right,hsla(240,100%,13%,0.671),hsla(193,77%,49%,0.664)),url(../imagenes/empresas.jpg);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, hsla(240,100%,13%,0.671),hsla(193,77%,49%,0.664)),url(../imagenes/empresas.jpg); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.fondo{
    background: rgb(50,74,118);
}

.container--flex{  /* para ajustar el contenido */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.color1{
    color:#DBE5FF;
}

.color1:hover{
    color:black;
}

.color-footer{
    color: white;
}

.cambio:hover{
    color:black;
}

@media screen and (min-width: 260px){
    .cotizar{
        width: 80%;
    }
    .espacio-contacto{
        margin-bottom: 40px;
    }
    .registro{
        margin-bottom: 20px;
    }
    .cotizar_a{
        width: 60%;
    }
    .texto{
        font-size:1.2em;
    }
    .fila-boton{
        min-height: calc(100vh - 510px);
    }
    .espacio-nosotros{
        min-height: calc(100vh - 500px);
    }
    .fila_requisicion{
        padding-left: 20px;
    }
    .requisicion{
        margin: 30px 0px 15px 10px;
    }
    .contacto{
        width: 100%;
        margin: auto;
    }
    .iniciar{
        width: 100%;
    }
    .fila-iniciar{
        min-height: calc(100vh - 528px);
    }
    .comprador{
        width: 100%;
        margin: auto;
    }
    .agregar{
        margin-left: 53%;
    }
    .servicio{
        margin: 5px;
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .info{
        margin-left: 30%;
    }
    .fila-info{
        min-height: calc(100vh - 400px);
    }
    .tarjeta-nos{
        margin-top: 40px;
        padding: 0px 15px;
        min-height:calc(100vh - 196px);
    }
    .imagen_ayuda{
        width: 100%;
        padding-bottom: 10px;
    }
}

@media screen and (min-width:480px){
    .cotizacion{
        width: 350px;
        margin:auto;
    }
    .iniciar{
        width: 350px;
        margin: auto;
    }
    .fila-boton{
        min-height: calc(100vh - 520px);
    }
    .fila-iniciar{
        min-height: calc(100vh - 534px);
    }
    .fila-vacia{
        min-height: calc(100vh - 546px);
    }
    .recuperar{
        min-height: calc(100vh - 520px);
    }
    .nosotros, .contacto, .comprador, .servicio{
        margin: auto;
    }
    .tarjeta-nos{
        margin-top: 10px;
        min-height:calc(100vh - 196px);
    }
    .contacto, .comprador{
        width: 100%;
    }
    .busqueda{
        width: 300px;
        margin:auto;
    }
    .espacio-nosotros{
        min-height: calc(100vh - 540px);
    }
    .requisicion{
        width: 350px;
        margin: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .contactar{
        margin-left: 60%;
    }
    .contactar_ok{
        width: 135px;
        margin-left: 57%;
    }
    .rechazado{
        margin-left: 66%;
    }
    .mensaje{
        width: 370px;
        margin: auto;
    }
    .contactar-mensaje{
        width: 97px;
        margin-left: 37%;
    }
    .imagen{
        width: 200px;
        margin: auto;
    }
    .contenido{
        width: 300px;
        margin: auto;
    }
    .tarjeta{
        width: 350px;
        margin: auto;
    }
    .servicio{
        width: 390px;
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .agregar{
        margin-left: 57%;
    }
    .botones{
        margin-left: 36%;
    }
    .editar{
        margin-left: 78%;
    }
    .cotizar{
        width: 80%;
    }
    .cotizar_a{
        width: 60%;
    }
    .revisar{
        margin-left: 31%;
    }
    .btn-agregar{
        margin-left: 70%;
    }
    .texto{
        font-size:1.7em;
    }
    .info{
        margin-left: 45%;
    }
    .info_2{
        margin-left: 20%;
    }
    .imagen_ayuda{
        width: 320px;
        padding-bottom: 10px;
    }
}

@media screen and (min-width:577px){
    .cotizacion{
        width: 350px;
        margin:auto;
    }
    footer{
        height: 130px;
    }
    .fila-boton{
        min-height:calc(100vh - 530px);
    }
    .fila-iniciar{
        min-height: calc(100vh - 534px);
    }
    .fila-vacia{
        min-height: calc(100vh - 546px);
    }
    .recuperar{
        min-height: calc(100vh - 520px);
    }
    .nosotros, .contacto, .comprador, .servicio{
        margin: auto;
    }
    .contacto, .comprador{
        width: 500px;
        margin: auto;
    }
    .busqueda{
        width: 350px;
        margin: auto;
    }
    .requisicion{
        width: 480px;
        margin: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .contactar{
        margin-left: 72%;
    }
    .rechazado{
        margin-left: 76%;
    }
    .contactar_ok{
        margin-left: 69%;
    }
    .mensaje{
        width: 450px;
        margin: auto;
    }
    .contactar-mensaje{
        width: 97px;
        margin-left: 40%;
    }
    .imagen{
        width: 200px;
        margin: auto;
    }
    .servicio{
        width: 470px;
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .tarjeta-nos{
        margin-top: 10px;
        min-height:calc(100vh - 196px);
    }
    .agregar{
        margin-left: 77%;
    }
    .botones{
        margin-left: 50%;
    }
    .editar{
        margin-left: 85%;
    }
    footer{
        height: auto;
    }
    .cotizar{
        width: 80%;
        height: 100px;
    }
    .cotizar_a{
        width: 400px;
    }
    .revisar{
        margin-left: 47%;
    }
    .imagen-cot{
        margin-left: 30%;
    }
    .btn-agregar{
        margin-left: 75%;
    }
    .info{
        margin-left: 62%;
    }
    .fila-info{
        min-height: calc(100vh - 520px);
    }
}

@media screen and (min-width:768px){
    .espacio-nosotros{
        min-height: calc(100vh - 600px);
    }
    .espacio-contacto{
        min-height: calc(100vh - 539px);
    }
    .imagen-cot{
        margin-left: 0%;
    }
    .fila-iniciar{
        min-height: calc(100vh - 487px);
    }
    .fila-vacia{
        min-height: calc(100vh - 473px);
    }
    .recuperar{
        min-height: calc(100vh - 473px);
    }
    .tarjeta-nos{
        margin-top: 10px;
        min-height:calc(100vh - 149px);
    }
    .fila-boton{
        min-height:calc(100vh - 540px);
    }
    .fila-cotizar{
        min-height: calc(100vh - 494px);
    }
    .fila-info{
        min-height: calc(100vh - 480px);
    }
}

@media screen and (min-width:992px){
    footer{
        height:auto;
    }   
}

@media screen and (min-width:992px){
    .cotizacion{
        width: 350px;
        margin: auto;
    }
    .nosotros, .contacto, .comprador, .servicio{
        margin: auto;
    }
    .contacto, .comprador{
        width: 600px;
    }
    .busqueda{
        width: auto;
        margin:auto;
    }
    .requisicion{
        width: 800px;
        margin: auto;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .contactar{
        margin-left: 84%;
    }
    .espacio-nosotros{
        min-height: calc(100vh - 800px);
    }
    .rechazado{
        margin-left: 86%;
    }
    .contactar_ok{
        margin-left: 82%;
    }
    .fila-vacia{
        min-height: calc(100vh - 547px);
    }
    .mensaje{
        width: 500px;
        margin: auto;
    }
    .contactar-mensaje{
        width: 97px;
        margin-left: 40%;
    }
    .imagen{
        width: 200px;
    }
    .contenido{
        width: 60%;
    }
    .tarjeta{
        width: 800px;
        margin: auto;
    }
    .servicio{
        width: 580px;
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .tarjeta-nos{
        margin-top: 10px;
        min-height:calc(100vh - 149px);
    }
    .agregar{
        margin-left: 81%;
    }
    .botones{
        margin-left: 59%;
    }
    .editar{
        margin-left: 90%;
    }
    .revisar{
        margin-left: 69%;
    }
    .fila-cotizar{
        min-height: calc(100vh - 559px);
    }
    .btn-agregar{
        margin-left: 81%;
    }
    .info{
        margin-left: 78%;
    }
    .fila-info{
        min-height: calc(100vh - 455px);
    }
    .info_2{
        margin-left: 64%;
    }
    .espacio-contacto{
        min-height: calc(100vh - 587px);
    }
}

@media screen and (min-width:1201px){
    .cotizacion{
        width: 350px;
        margin: auto;
    }
    .nosotros, .contacto, .comprador, .servicio{
        margin: auto;
    }
    .fila-boton{
        min-height: calc(100vh - 621px);
    }
    .contacto, .comprador{
        width: 600px;
    }
    .busqueda{
        width: auto;
        margin: auto;
    }
    .requisicion{
        width: 1090px;
        margin: auto;
        margin-top: 30px;
        margin-bottom: 10px;
    }
    .contactar{
        margin-left: 88%;
    }
    .rechazado{
        margin-left: 90%;
    }
    .contactar_ok{
        margin-left: 87%;
    }
    .fila-vacia{
        min-height: calc(100vh - 628px);
    }
    .mensaje{
        width: 600px;
        margin: auto;
    }
    .contactar-mensaje{
        width: 97px;
        margin-left: 42%;
    }
    .imagen{
        margin-left: 0%;
    }
    .contenido{
        width: 71%;
    }
    .tarjeta{
        width: 830px;
    }
    .servicio{
        width: 830px;
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .tarjeta2{
        margin-left: 30px;
    }
    .tarjeta-nos{
        margin-top: 10px;
        min-height:calc(100vh - 149px);
    }
    .editar{
        margin-left: 93%;
    }
    .cotizar{
        height: 100px;
        width: 80%;
    }
    .cotizar_a{
        width: 40%;
    }
    .revisar{
        margin-left: 77%;
    }
    .fila-cotizar{
        min-height: calc(100vh - 607px);
    }
    .btn-agregar{
        margin-left: 87%;
    }
    .iniciar{
        width: 450px;
        margin: auto;
    }
    .info{
        margin-left: 84%;
    }
    .fila-info{
        min-height: calc(100vh - 455px);
    }
    .info_2{
        margin-left: 73%;
    }
}