* {
    font-family: "Raleway", sans-serif;
    margin: 0;
    padding: 0;
}

.colorNaranja {
    color: #FC3C22;
}

.colorVerde {
    color: #168489;
}

.colorBlanco {
    color: #ffffff;
}

header.container-xl {
    background-image: url('../images/fondoHeader.jpg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom center;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

img.psHeader {
    width: 75%;
    height: auto;
}

h1 {
    text-align: center;
    font-weight: 700;
}

h1>img.iconoFlecha {
    width: 28px;
    height: auto;
    margin: 1rem;

}

h1>img.iconoMCV {
    width: 54px;
    height: auto;
    margin: 1rem;
}

h1.colorNaranja.mb-0 {
    font-size: 25px;
}

h1>sup {
    font-weight: normal;
    font-size: 28px;
}

.iconoCard {
    width: 115px;
    height: auto;
}

p.card-text {
    text-align: center;
    margin: 1rem;
    color: #001A0A;
    font-size: 1.2rem;
}

.bioequivalenciaComprobada {
    background-image: url('../images/fondoPuntos.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
    background-color: #188C99;
    height: auto;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.tablaCard {
    width: 85%;
    height: auto;
}

.colTablas {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}


.dobleMecanismoAccion {
    background-image: url('../images/fondoDegradado.jpg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom center;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contentQR {
    background-image: url('../images/fondoOndas.jpg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    height: auto;
}

img.imgQR {
    width: 70%;
}

img.imgLogoDeacarga {
    width: 70%;
}

footer.container {
    background-color: #074053 !important;
}

.logosFooter {
    max-width: 75%;
    height: auto;
}

.text-footer {
    color: #ffffff;
}


/* -->  RESPONSIVE  <-- */

/* Mobile Portrait */
@media (max-width: 767px) and (min-width: 300px) {
    .tablaCard {
        width: 100% !important;
        height: auto;
    }
}


/* iPad portrait */
@media (min-width: 768px) and (orientation: portrait) {
    .tablaCard {
        width: 100% !important;
        height: auto;
    }
}