@font-face {
    font-family: 'MyWebFont';
    src: url('../font/myWebFont.woff2') format('woff2');
}

* {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'MyWebFont' !important;
}

.nav-item > .nav-link {
    font-size: 18px !important
}

strong {
    color: #5f6569 !important
}

#btnWhatsapp {
    position: fixed;
    width: 283px;
    height: 43px;
    bottom: 23px;
    right: 21px;
    border-radius: 50px;
    color: #fff;
    background: #25d366;
    font-size: 20px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    z-index: 100;
    text-align: center;
    text-decoration: none;
}

.leerMas:hover {
    background-color: white;
    color: rgb(30,104,203) !important;
}

.leerMas{
    border-radius:20px!important;
}

#imageClinica, #imagePatologia, #imageAmbiental, #imageLabPatologia, #imageLabCitologia, #imageLabHistotecnologia, #imageTamizacion, #imageQueHacemos, #imageMision, #imageVision, #imageControlmicroBiologico, #imageControlSuperficie, #imageAguaPotable, #imageAguaPiscina {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#imageClinica {
    background-image: url('../Img/Clinica.jpg');
}

#imagePatologia {
    background-image: url('../Img/Patologia.jpg');
}

#imageAmbiental {
    background-image: url('../Img/Ambiental.jpg');
}

#imageLabPatologia {
    background-image: url('../Img/labPatologia.jpg');
}

#imageLabCitologia {
    background-image: url('../Img/labCitologia.jpg');
}

#imageLabHistotecnologia {
    background-image: url('../Img/labHistotecnologia.png');
}

#imageTamizacion {
    background-image: url('../Img/TamizacionCancer.jpg');
}

#imageQueHacemos {
    background-image: url('../Img/QueHacemos.jpg');
}

#imageMision {
    background-image: url('../Img/Mision.jpg');
}

#imageVision {
    background-image: url('../Img/Vision.jpg');
}

#imageControlmicroBiologico{
    background-image: url('../Img/ControlMicrobiologico.png');
}

#imageControlSuperficie {
    background-image: url('../Img/ControlSuperficie.png');
}

#imageControlAlimentos {
    background-image: url('../Img/ControlAlimentos.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}

#imageTomaMuestras {
    background-image: url('../Img/MuestraAguas.jpeg');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

#imageAguaPotable {
    background-image: url('../Img/AguaPotable.png');
}

#imageAguaPiscina {
    background-image: url('../Img/AguaPiscinas.jpg');
}
#imageAguaEnvasada {
    background-image: url('../Img/aguaEnvasada.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}
.card {
    width: 22rem;
    height: 440px !important;
    transition: transform .3s;
}

.card:hover{
    transform:scale(1.1)
}

.card-text {
    text-align: justify !important;
}

.deberesDerechos {
    padding-top: 2rem !important;
    padding-bottom: 1rem !important;
    padding-inline-end: 2rem !important;
    padding-inline-start: 2rem !important;
    font-size: 19px !important;
    min-height: 160px !important

}

/* Carousel base class */
.carousel {
    margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    bottom: 3rem;
    z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
    height: 32rem;
}

    .carousel-item > img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        height: 32rem;
    }


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
}

.marketing h2 {
    font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
    margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
    font-weight: 300;
    line-height: 1;
    /* rtl:remove */
    letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 1.25rem;
        font-size: 1.25rem;
        line-height: 1.4;
    }

    .featurette-heading {
        font-size: 50px;
    }
}

@media (min-width: 62em) {
    .featurette-heading {
        margin-top: 7rem;
    }
}