* {
    font-family: Arial, Helvetica, sans-serif;
}

hr {
    margin: 0 auto 0 auto;
}


/*nav*/

.navbar li a:hover {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    background-color: #188038;
    -webkit-transform: scale(1.04);   /* Para Chrome y Safari */
    -moz-transform: scale(1.04);      /* Para Firefox */
    -ms-transform: scale(1.04);       /* Para Internet Explorer */
    -o-transform: scale(1.04);        /* Para Opera */
    transform: scale(1.04);           /* Estándar, necesario para la mayoría de los navegadores modernos */
}

.navbar .active {
    background-color: #188038;
}

nav {
    background-color: #34A853;
}


/*Jumbotron*/

.jumbotron {
    background-color: #202124 !important;
    height: 46.5vh !important;
    overflow: hidden;
    align-items: center;
}

.imagen-2 {
    width: 70%;
    z-index: 2;
    margin-left: 20%;
    margin-top: 10%;
    max-height: 400px;

}

.jumbotron .texto-2 {
    width: 70%;
    margin: 4% 0 0% 5%;
    /* position: absolute; */
    z-index: 2;
    text-align: justify;
}

.jumbotron h1 {
    font-size: 2vw;
    color: #FFFFFF;
}

.jumbotron #particles-js {
    position: absolute;
    margin: -10.8vh 0% 0% -5.4vh;
    z-index: 1;
}

.jumbotron hr {
    background-color: white;
    height: 2px;
}


/*Carrusel*/

.qsomos {
    margin: 3% 0 3% 0;
    position: relative;
    width: 100%;
}

.qsomos .car {
    margin: 0 0 0 2%;
}

.qsomos .info {
    position: absolute;
    z-index: 1;
    background-color: #202124;
    margin: 2% 0 0 25%;
    color: white;
    z-index: 1;
    height: 80%;
    width: 50%;
    opacity: 81%;
    text-align: center;
    align-items: center;
}

.qsomos .info p {
    text-align: justify;
    margin: 2% 10% 0 10% !important;
}

.qsomos .info h3 {
    font-size: 2.5vw;
    margin: 2% 0% 0 0% !important;
}

.qsomos .info p {
    opacity: 100%;
    font-size: 1.2vw;
}

.qsomos .carousel {
    width: 100%;
    display: inline-flex;
}

.qsomos .carousel img {
    width: 10%;
}

.qsomos div#demo {
    width: 38.2%;
    position: relative;
    clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 0% 100%);
}

.qsomos div#demo1 {
    width: 38.2%;
    position: relative;
    margin: 0 0% 0 -9%;
    clip-path: polygon(25% 0%, 98% 0%, 75% 100%, 0% 100%);
}

.qsomos div#demo2 {
    position: relative;
    width: 38.2%;
    margin: 0 0 0 -9%;
    clip-path: polygon(23% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.qsomos .carousel img.izq {
    width: 100%;
}

.qsomos .carousel .cen {
    width: 100%;
}

.qsomos .carousel .der {
    width: 100%;
}


/*mison, vision y eso*/

.mision {
    background-image: url(https://softitlan-storage.s3.us-east-2.amazonaws.com/images/index-fondo-cartas.jpg);
    background-size: 100%;
    width: 100%;
    padding-bottom: 4%;
    padding-top: 3%;
    padding-left: 3%;
    padding-right: 3%;
}

.mision .card {
    margin: 0 6% 0 6%;
    background: rgba(32, 33, 36, 0.85);
    color: #FFFFFF;
    display: block;
    border-radius: 15px;
    height: 100%;
}

.mision .card:hover {
    transition: 0.8s;
    transform: scale(1.04);
}

.mision .card-body img {
    width: 75%;
    margin: 0 auto 0 auto;
    display: block;
}

.mision .card-title {
    font-size: 2.5vw;
    margin-bottom: 8%;
}

.mision .card-text {
    font-size: 1.1vw;
    text-align: justify;
}


/* Nuestros servicios */

.service-fixed .cards-wrapper {
    display: flex;
    justify-content: center;
}

.service-fixed {
    background-color: #F3F5F9;
    height: 100%;
    margin: 3% 0 3% 0;
}

.carousel-inner {
    padding-left: 1.2%;
}

.service-fixed .carousel-item {
    padding-top: 2%;
    padding-bottom: 2%;
}

.service-fixed .carousel-control-prev {
    background-color: #0D652D;
    position: absolute;
    top: 45%;
    width: 4%;
    height: 10%;
    border-radius: 50%;
}

.service-fixed .carousel-control-next {
    background-color: #0D652D;
    position: absolute;
    top: 45%;
    width: 4%;
    height: 10%;
    border-radius: 50%;
}

.service-fixed .card {
    border-radius: 15px;
    margin: 1% 3% 0 3%;
    background: rgba(32, 33, 36, 0.85);
    color: #FFFFFF;
    position: static;
    width: 33%;
}

.service-fixed .card:hover {
    transition: 0.8s;
    transform: scale(1.05);
}

.service-fixed .img-fluid {
    width: 70%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.service-fixed .titulo-service {
    color: black;
    margin: 3% 0 0 4%;
}

.service-fixed,
.card-header1,
.card-header2,
.card-header3 {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.service-fixed .card-header1 {
    /*Control escolar*/
    background-image: url(https://softitlan-storage.s3.us-east-2.amazonaws.com/images/service-fce.png);
    background-size: 100%;
}

.service-fixed .card-header2 {
    /*Cuponealo*/
    background-image: url(https://softitlan-storage.s3.us-east-2.amazonaws.com/images/service-fcup.png);
    background-size: 100%;
}

.service-fixed .card-header3 {
    /*gnp*/
    background-image: url(https://softitlan-storage.s3.us-east-2.amazonaws.com/images/service-fgnp.png);
    background-size: 100%;
}

.service-fixed .card-title {
    font-size: 2vw;
}

.service-fixed .card-text {
    font-size: 1.1vw;
}


/*Quienes somos descripcion completa*/

.quien {
    background-image: url(https://softitlan-storage.s3.us-east-2.amazonaws.com/images/index-fqsomos.jpg);
    background-size: 100%;
    width: 100%;
    margin: 3% 0 3% 0;
}

.quien header h2 {
    margin: 1.5% 0 2% 4%;
    width: 20.8%;
    color: black;
}

.quien .card {
    background: transparent;
    border: 0;
}

.quien .card-text {
    margin: 0 0 9% 4%;
    /* font-size: 100%; */
    text-align: justify;
    font-size: 1.1vw;
}

.quien img {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    width: 70%;
}


/* Team */

.team {
    background-color: #F3F5F9;
    border: 1px solid #F3F5F9;
    height: 100%;
    width: 100%;
    margin: 0% 0 3% 0;
}

.team .titulo-team {
    color: black;
    margin: 1.5% 0 0 4%;
}

.team .container-fluid .card {
    margin: 10% 0% 0 0%;
    /* width: 30vh; cambiar a vh */
    color: #FFFFFF;
    position: static;
    background-color: #F3F5F9;
    border: 1px solid #F3F5F9;
}

.team .container-fluid {
    padding-bottom: 4%;
}

.team .circulo {
    clip-path: circle(50% at 50% 50%);
}

.team .card-header {
    background-image: url(https://softitlan-storage.s3.us-east-2.amazonaws.com/images/service-hojas.jpg);
    background-size: 100%;
}

.team .card-header img {
    width: 100%;
    margin: 0 auto 0 auto;
    display: block;
}

.team .card-body {
    background-color: #202124;
    text-align: center;
    height: 50%;
    border-bottom-right-radius: 5vh 5vh;
    border-bottom-left-radius: 5vh 5vh;
}

.team .card-body hr {
    width: 70%;
    height: 1%;
    background-color: #FBBC04;
}


/* Contacto */

.contacto {
    background-image: url(https://softitlan-storage.s3.us-east-2.amazonaws.com/images/index-fondo-contacto.jpg);
    background-size: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contacto h2 {
    font-size: x-large !important;
}

.contacto .cuadro {
    margin: 4% 4% 4% 4%;
    width: 65%;
    color: #FFFFFF;
    background: rgba(32, 33, 36, 0.85);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
}

.contacto .card-group {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1%;
}

.contacto .cuadro .card-body {
    background: transparent;
    color: #FFFFFF;
}

.contacto .entrada {
    background: transparent;
    width: calc(94% - 1rem);
    font-size: 100% !important;
    border: 0 solid;
    color: white;
    display: block;
    transition: 250ms background ease-in;
    &:focus {
        background: white;
        color: black;
        transition: 250ms background ease-in;
    }
}

.contacto .input-2 {
    margin-left: auto;
    margin-right: auto;
    width: 82%;
    border-bottom: .1rem solid white;
    margin-bottom: 3rem;
    padding: .5rem;
    position: relative;
}

.contacto #demo {
    position: absolute;
    display: block;
    top: 10%;
    right: 1%;
    width: 7%;
}

.contacto #demo2 {
    position: absolute;
    display: block;
    top: 10%;
    right: 1%;
    width: 9%;
}

.contacto .mensaje {
    margin-left: auto;
    margin-right: auto;
    background: rgba(196, 196, 196, 0.14);
    width: 70%;
    height: 100px;
    font-size: 1.3vw;
    border: 0 solid;
    color: white;
}

.contacto .input-3 {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 13%;
    position: relative;
    border: 0 solid;
    padding-top: 0.7%;
    padding-bottom: 0.7%;
}

.contacto #demo3 {
    position: absolute;
    display: block;
    top: 10%;
    right: 5%;
    height: 76%;
    width: 19%;
}

.contacto .entrada-3 {
    margin-left: 17%;
    background: transparent;
    font-size: 1.2vw;
    border: 0 solid;
    color: white;
    display: flex;
}

/* Alinear iconos */
.right-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.input-2 {
    position: relative;
}

.button-content {
    display: flex;
    align-items: center;  /* Centra verticalmente los elementos del boton */
}

.icon-enviar {
    margin-left: 5px;  /* Espacio entre el texto y el ícono */
}

/* FOOTER */

footer {
    background-color: #131A22 !important;
    color: white;
    text-align: center;
    padding: 0% auto 0% auto;
}

footer .row .img-fluid {
    width: 40%;
}

footer hr {
    height: 2px;
    width: 50%;
    margin: 2vh auto 2vh auto;
    background-color: white;
}

footer span .derechos {
    display: inline;
    margin: 0 5% 0 0;
}

.privacity_container{
    padding: 40px 5% 3% 4% !important;
    top: 50%;
}

.privacity_container h3{
    margin-top: 40px;
}

/* Teléfonos */

@media screen and (max-width: 530px) {
    /*Nav*/
    .navbar li a:hover {
        -webkit-transform: scale(0.98);  /* Chrome, Safari, iOS y Android */
        -moz-transform: scale(0.98);     /* Firefox */
        -ms-transform: scale(0.98);      /* Internet Explorer */
        -o-transform: scale(0.98);       /* Opera */
        transform: scale(0.98);          /* Estándar, necesario para la mayoría de los navegadores modernos */
        
    }
    /*Jumbotron*/
    .jumbotron {
        height: 100% !important;
        width: 100% !important;
        text-align: center;
    }
    .jumbotron .container-fluid {
        margin: 0 auto;
    }
    .jumbotron .row {
        display: flex;
        justify-content: center;
    }
    /* qsomos */
    .qsomos {
        margin: 1vh 0 5vh 0;
        width: 100%;
    }
    .qsomos .info {
        margin: 5% 12%;
        margin: 40% 12%;
        width: 80%;
        height: 50%;
    }
    .qsomos .info h3 {
        margin: 8% 0 2% 0 !important;
        font-size: 6vw;
        align-items: center;
    }
    .qsomos .info p {
        margin: 8% 10% 0% 10% !important;
        opacity: 100%;
        font-size: 4vw;
    }
    .qsomos div#demo {
        width: 100%;
        margin: 0% 0% 0% -1.6%;
        clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    }
    .qsomos div#demo1 {
        width: 100%;
        margin: 0% 0% 0% -1.6%;
        ;
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    }
    .qsomos div#demo2 {
        width: 100%;
        margin: 0% 0% 0% -1.6%;
        clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
    }
    /* mision vision y eso */
    .mision {
        margin: 1vh 0 1vh 0;
    }
    .mision .container-fluid {
        background-image: url(https://softitlan-storage.s3.us-east-2.amazonaws.com/images/index-fondo-cartas.jpg);
        background-size: cover;
    }
    .mision .card-title {
        font-size: 3.5vh;
        margin-bottom: 8%;
    }
    .mision .card-text {
        font-size: 2.0vh;
        margin-top: -10%;
    }
    .mision .card {
        margin-left: 10%;
        margin-right: 10%;
    }
    .mision .card-body img {
        width: 70%;
        opacity: 0.8;
    }
    /*Service*/
    .service-fixed {
        height: 85vh;
        margin: 13% 0 3% 0;
    }
    .service-fixed .carousel-item {
        height: 85vh;
        padding: 5% 0 0 0;
    }
    .service-fixed .service-titulo {
        margin: 0 0 4% 6%;
    }
    .service-fixed .carousel-control-prev {
        background-color: #0D652D;
        position: absolute;
        top: 45%;
        width: 15%;
        height: 10%;
        border-radius: 50%;
    }
    .service-fixed .carousel-control-next {
        background-color: #0D652D;
        position: absolute;
        top: 45%;
        height: 10%;
        width: 15%;
        border-radius: 50%;
    }
    .service-fixed .card {
        width: 80%;
        height: 50%;
    }
    .service-fixed .card-title {
        font-size: 3.5vh;
    }
    .service-fixed .card-text {
        font-size: 2vh;
    }
    /*Quienes somos descripción completo*/
    .quien {
        background-size: cover;
        margin: 8vh 0 8vh 0;
    }
    .quien header h2 {
        width: 100%;
    }
    .quien .card-text {
        font-size: 100%;
    }
    /*Team*/
    .team {
        margin: 8vh 0 8vh 0;
        overflow: hidden;
    }
    .team .titulo-team {
        color: black;
        margin: 1.5% 0 0 4%;
    }
    .team .container-fluid .card {
        margin: 3vh 0% 0 0%;
        padding: 0% 0% 4vh 0%;
        width: 100%;
    }
    .team .container-fluid {
        width: 100%;
        display: inline-flex;
        padding-bottom: 4%;
    }
    .team .card-body {
        height: 100%;
    }
    /*Contacto*/
    .contacto .cuadro {
        width: 77%;
    }
    .contacto .card-group {
        width: 100%;
    }
    .contacto .cuadro h2 {
        font-size: 4.5vh;
    }
    .contacto .input-3 {
        width: 34%;
    }
    .contacto .entrada-3 {
        margin-left: 15%;
        font-size: 4.0vw;
    }
    .contacto .entrada {
        font-size: 2.5vh;
    }
    .contacto .mensaje {
        font-size: 2.5vh;
    }
    /*Footer*/
    footer span .derechos {
        display: block;
    }
    footer .row .img-fluid {
        align-items: center;
        width: 35%;
    }
}

@media screen and (min-width: 531px) and (max-width: 575px) {
    .jumbotron {
        height: 28% !important;
    }
    .jumbotron .texto-2 {
        padding-top: 10%;
    }
}


/* Tablets y phablets solo aplica los estilos en horientacion horizontal*/

@media all and (min-width: 576px) and (max-width: 767px) and (orientation: landscape) {
    .jumbotron {
        height: 65% !important;
    }
    .jumbotron .imagen-2 {
        width: 30%;
        margin: -5% 0% 0% 0%;
    }
    .jumbotron .texto-2 {
        width: 60%;
        margin: 0% 0 0% 35%;
        text-align: justify;
    }
    .qsomos .info p {
        font-size: 1.3vw;
    }
    .mision .card-text {
        font-size: 1.8vw;
    }
    .mision .card-title {
        font-size: 3.0vw;
    }
    /*Quienes somos*/
    .quien header h2 {
        width: 100%;
    }
    .quien .card-text {
        font-size: 1.8vw;
    }
    /*carrusel servicios*/
    .service-fixed .card img {
        width: 50%;
    }
    .service-fixed .card {
        width: 50%;
    }
    .service-fixed .card-text {
        font-size: 1.8vw;
    }
    .service-fixed .card-title {
        font-size: 3.0vw;
    }
    .contacto .input-3 {
        width: 22%;
    }
    .contacto .entrada-3 {
        font-size: 2.0vw;
    }
    footer .container .row .col .img-fluid {
        width: 100vw;
    }
}


/* Tablets y phablets esto solo aplican en vertical */

@media all and (min-width: 576px) and (max-width: 767px) and (orientation: portrait) {
    /*algunos telefonos volteados*/
    .jumbotron {
        height: 28% !important;
    }
    .jumbotron .imagen-2 {
        width: 30%;
        margin: -5% 0% 0% 0%;
    }
    .jumbotron .texto-2 {
        width: 60%;
        margin: 0% 0 0% 35%;
        text-align: justify;
    }
    .mision .card-text {
        font-size: 1.3vh;
    }
    /*Quienes somos*/
    .quien header h2 {
        width: 100%;
    }
    .quien .card-text {
        font-size: 1.3vh;
    }
    /*carrusel servicios*/
    .service-fixed .card img {
        width: 50%;
    }
    .service-fixed .card {
        width: 50%;
    }
    .service-fixed .carousel-control-prev {
        background-color: #0D652D;
        position: absolute;
        left: 5%;
        top: 45%;
        width: 4%;
        height: 10%;
        border-radius: 50%;
    }
    .service-fixed .carousel-control-next {
        background-color: #0D652D;
        position: absolute;
        top: 45%;
        width: 4%;
        height: 10%;
        border-radius: 50%;
        right: 5%;
    }
    .service-fixed .card-text {
        font-size: 1.3vh;
    }
    footer .container .row .col .img-fluid {
        width: 100vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    /*Tablet vertical*/
    .jumbotron {
        height: 29vw !important;
    }
    .jumbotron .container-fluid .row {
        align-self: center;
        width: 100%;
        position: absolute;
        top: 8%;
    }
    .jumbotron .imagen-2 {
        width: 80%;
        text-align: center;
    }
    .jumbotron .texto-2 {
        width: 80%;
        text-align: justify;
    }
    .qsomos .info h3 {
        margin: 0% 0 -2% 0 !important;
    }
    .mision .card-title {
        font-size: 2.6vw;
    }
    .mision .card-text {
        font-size: 1.8vw;
    }
    .service-fixed .card-title {
        font-size: 2.6vw;
    }
    .service-fixed .card-text {
        font-size: 1.5vw;
    }
    .service-fixed .carousel-control-prev {
        background-color: #0D652D;
        position: absolute;
        top: 45%;
        width: 5%;
        height: 10%;
        border-radius: 50%;
    }
    .service-fixed .carousel-control-next {
        background-color: #0D652D;
        position: absolute;
        top: 45%;
        width: 5%;
        height: 10%;
        border-radius: 50%;
    }
    .quien header h2 {
        width: 100%;
    }
    .quien .card-text {
        font-size: 1.8vw;
        padding-bottom: 5%;
    }
    .contacto .cuadro {
        width: 79%;
    }
    .contacto .card-group {
        width: 100%;
    }
    .contacto .cuadro h2 {
        font-size: 4.0vh;
    }
    .contacto .input-3 {
        width: 20%;
    }
    .contacto .entrada-3 {
        font-size: 2.1vw;
    }
    .contacto .entrada {
        font-size: 1.9vh;
    }
    .contacto .mensaje {
        font-size: 2.0vw;
    }
    footer .container .row .col .img-fluid {
        width: 70%;
    }
}


/* Escritorio grande */

@media screen and (min-width: 992px) and (max-width: 1119px) {
    /*tablet horizontal*/
    /*Nav*/
    .navbar li a:hover {
        -webkit-transform: scale(0.98);  /* Chrome, Safari, iOS y Android */
        -moz-transform: scale(0.98);     /* Firefox */
        -ms-transform: scale(0.98);      /* Internet Explorer */
        -o-transform: scale(0.98);       /* Opera */
        transform: scale(0.98);          /* Estándar, necesario para la mayoría de los navegadores modernos */
    }
    /*Jumbotron*/
    .jumbotron {
        height: 40% !important;
    }
    /* qsomos */
    .qsomos .info {
        margin: 0.5% 0 0 25%;
        height: 92%;
        opacity: 81%;
    }
    .qsomos .info h3 {
        margin: 0.5% 0 1% 0% !important;
    }
    .qsomos .info p {
        opacity: 100%;
        font-size: 1.8vw;
        margin: -1% 2% 0 2% !important;
        ;
    }
    .qsomos div#demo {
        width: 38.2%;
        position: relative;
        clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 0% 100%);
    }
    .qsomos div#demo1 {
        width: 38.2%;
        position: relative;
        margin: 0 0% 0 -9%;
        clip-path: polygon(25% 0%, 98% 0%, 75% 100%, 0% 100%);
    }
    .qsomos div#demo2 {
        position: relative;
        width: 38.2%;
        margin: 0 0 0 -9%;
        clip-path: polygon(23% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
    /* mision vision y eso */
    .mision {
        background-size: cover;
    }
    .mision .card-title {
        font-size: 3.5vh;
        margin: 0% 0% 10% 0%;
    }
    .mision .card-text {
        font-size: 2.0vh;
    }
    .mision .card-body img {
        width: 70%;
        opacity: 0.8;
    }
    /*Service*/
    .service-fixed .card {
        margin: 1% 3% 0 3%;
    }
    .carousel-inner {
        padding-left: 1.2%;
    }
    .service-fixed .carousel-item {
        padding-top: 2%;
        padding-bottom: 2%;
    }
    .service-fixed .img-fluid {
        width: 70%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .service-fixed .card-title {
        font-size: 3.5vh;
    }
    .service-fixed .card-text {
        font-size: 2vh;
    }
    /*Quien*/
    .quien {
        background-size: cover;
        margin: 8vh 0 8vh 0;
    }
    .quien header h2 {
        width: 100%;
    }
    .quien img {
        width: 100%;
    }
    .quien .card-text {
        font-size: 2.0vh;
    }
    /*Team*/
    .team {
        margin: 8vh 0 8vh 0;
        overflow: hidden;
    }
    .team .titulo-team {
        border-bottom: 1px solid black;
        width: 45%;
    }
    .team .container-fluid .card {
        margin: 3vh 0% 0 0%;
        padding: 0% 0% 4vh 0%;
        width: 100%;
    }
    .team .container-fluid {
        width: 100%;
        display: inline-flex;
    }
    .team .card-body {
        height: 100%;
    }
    .team .card-body .card-title {
        font-size: 95%;
    }
    /*Contacto*/
    .contacto .cuadro {
        width: 77%;
    }
    .contacto .card-group {
        width: 100%;
    }
    .contacto .cuadro h2 {
        font-size: 4.5vh;
    }
    .contacto .input-3 {
        width: 20%;
    }
    .contacto .entrada-3 {
        font-size: 2.2vw;
    }
    .contacto .entrada {
        font-size: 2.5vh;
    }
    .contacto .mensaje {
        font-size: 2.5vh;
    }
    /*Footer*/
    footer .container .row .col .img-fluid {
        width: 60%;
    }
}


/* Escritorio extra grande este diseño lo soporta desde el inicio*/

@media only screen and (min-width: 1200px) {}


/* Full HD y un poco mas */

@media only screen and (min-width: 2000px) and (max-width: 2559px) {
    h2 {
        font-size: 4.5vh !important;
    }
    nav {
        font-size: 2.5vh !important;
    }
    nav .navbar-brand {
        font-size: 2.8vh !important;
        width: 12%;
    }
    nav img {
        width: 30%;
    }
    nav .navbar-nav {
        width: 100%;
    }
    nav .nav-item {
        margin-left: 1%;
    }
    .jumbotron {
        height: 40vh !important;
    }
    .team h4 {
        font-size: 3.5vh;
    }
    .team p {
        font-size: 1.6vh;
    }
    .contacto .cuadro h2 {
        margin-bottom: 3%;
    }
    .contacto .card-group {
        width: 90%;
    }
    .contacto .entrada {
        font-size: 1.6vw;
    }
    .contacto .input-2 {
        margin-bottom: 5rem;
    }
    .contacto .mensaje {
        height: 140px;
    }
    footer {
        font-size: 1.6vh !important;
    }
}


/* Quad HD */

@media only screen and (min-width: 2560px) and (max-width: 3839px) {
    h2 {
        font-size: 4.0vh !important;
    }
    nav {
        font-size: 2.0vh !important;
    }
    nav .navbar-brand {
        font-size: 2.1vh !important;
        width: 8%;
    }
    nav img {
        width: 30%;
    }
    nav .navbar-nav {
        width: 100%;
    }
    nav .nav-item {
        margin-left: 1%;
    }
    /*Jumbotron*/
    .jumbotron {
        height: 35% !important;
    }
    .jumbotron .imagen-2 {
        width: 70%;
        margin: 5% 0% 0% 20%;
    }
    .jumbotron .texto-2 {
        margin: 1% 0 0% 4%;
    }
    .jumbotron h1 {
        font-size: 1.8vw;
    }
    .team h4 {
        font-size: 2.5vh;
    }
    .team p {
        font-size: 2.0vh;
    }
    .service-fixed .card {
        border-radius: 7%;
    }
    .service,
    .card-header1,
    .card-header2,
    .card-header3 {
        border-top-right-radius: 8%;
        border-top-left-radius: 8%;
    }
    .quien header h2 {
        width: 100%;
    }
    .contacto .cuadro h2 {
        margin-bottom: 3%;
    }
    .contacto .card-group {
        width: 90%;
    }
    .contacto .entrada {
        font-size: 1.3vh !important;
    }
    .contacto .input-2 {
        margin-bottom: 5rem;
    }
    .contacto .mensaje {
        height: 160px;
    }
    .contacto #demo {
        top: 5%;
        width: 6%;
    }
    .contacto #demo2 {
        top: 5%;
        width: 7%;
    }
    footer {
        font-size: 1.2vh;
    }
}


/* Pasando 4k llegando a 8k */

@media only screen and (min-width: 3840px) and (max-width: 7679px) {
    h2 {
        font-size: 4.0vh !important;
    }
    nav {
        font-size: 1.9vh !important;
    }
    nav .navbar-brand {
        font-size: 2.0vh !important;
        width: 12%;
    }
    nav img {
        width: 29%;
    }
    nav .navbar-nav {
        width: 100%;
    }
    nav .nav-item {
        margin-left: 1%;
    }
    .jumbotron {
        height: 37% !important;
    }
    .jumbotron .texto-2 {
        margin: 8% 0 0% 4%;
    }
    .jumbotron h1 {
        font-size: 1.8vw;
    }
    .mision .card {
        border-radius: 80px;
    }
    .service,
    .card-header1,
    .card-header2,
    .card-header3 {
        border-top-right-radius: 8%;
        border-top-left-radius: 8%;
    }
    .service-fixed .card {
        border-radius: 7%;
    }
    .team h4 {
        font-size: 3vh;
    }
    .team p {
        font-size: 2vh;
    }
    .contacto .cuadro {
        border-radius: 50px;
    }
    .contacto .cuadro h2 {
        margin-bottom: 3%;
    }
    .contacto .card-group {
        width: 90%;
    }
    .contacto .entrada {
        font-size: 1.2vw;
    }
    .contacto .input-2 {
        margin-bottom: 5rem;
    }
    .contacto .mensaje {
        height: 160px;
    }
    footer {
        font-size: 1.2vh;
        width: 100%;
    }
    footer .container a .img-fluid {
        width: 70%;
    }
}

@media only screen and (min-width: 7680px) {
    h2 {
        font-size: 4.0vh !important;
    }
    nav {
        font-size: 1.9vh !important;
    }
    nav .navbar-brand {
        font-size: 2.0vh !important;
        width: 12%;
    }
    nav img {
        width: 29%;
    }
    nav .navbar-nav {
        width: 100%;
    }
    nav .nav-item {
        margin-left: 1%;
    }
    .jumbotron {
        height: 25% !important;
    }
    .jumbotron .texto-2 {
        margin: 6% 0 0% 4%;
    }
    .jumbotron h1 {
        font-size: 1.8vw;
    }
    .mision .card {
        border-radius: 80px;
    }
    .service,
    .card-header1,
    .card-header2,
    .card-header3 {
        border-top-right-radius: 8%;
        border-top-left-radius: 8%;
    }
    .service-fixed .card {
        border-radius: 7%;
    }
    .service-fixed .card-title {
        font-size: 2.0vw;
    }
    .service-fixed .card-text {
        font-size: 1.8vh;
    }
    .team h4 {
        font-size: 3vh;
    }
    .team p {
        font-size: 2vh;
    }
    .contacto .cuadro {
        border-radius: 50px;
    }
    .contacto .cuadro h2 {
        margin-bottom: 2%;
    }
    .contacto .card-group {
        width: 90%;
    }
    .contacto .entrada {
        font-size: 1.2vw;
    }
    .contacto .input-2 {
        margin-bottom: 7%;
    }
    .contacto .mensaje {
        height: 260px;
    }
    footer {
        font-size: 1.2vh;
        width: 100%;
    }
    footer .container a .img-fluid {
        width: 70%;
    }
}