@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@1,700&display=swap');

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat' , 'sans-serif';
    font-size: 1em;
}

h1, h2, h3, h4, h5, h6 {
    color: black;
    font-weight: bold;
    font-family: 'Merriweather' , 'serif';
}

p   {	margin: 0px;    }
a   {	text-decoration: none !important;   }

/*COLORES*/

.clarito    {   color: #d5E4cf; }
.claro      {   color: #9dcc9b; }
.medio      {   color: #6eb47d; }
.oscuro     {   color: #136b69; }
.bg-clarito {   background-color: #d5E4cf;  }
.bg-claro   {   background-color: #9dcc9b;  }
.bg-medio   {   background-color: #6eb47d;  }
.bg-oscuro  {   background-color: #136b69;  }

/*Botonera*/

.botones {
    font-size: 1rem;
    color: #011010;
    font-weight: bold;
    font-family: 'Merriweather' , 'serif';
}

.borges {
    font-size: 12px;
    font-weight: bold;
}

@media (max-width: 767px) {
    .logobph {
        display: block;
        text-align: center;
    }

    .borges {
        font-size: 13px;
    }
}

.botones :hover {
    cursor: pointer;
}

h1 {
    font-size: 2.2rem;
}

@media (max-width: 576px) {
    h1 {
        font-size: 26px;
    }
}

/*Carrusel*/
.carousel {
    margin-bottom: 1rem;
}
  /* Since positioning the image, we need to help out the caption */
.carousel-caption {
    bottom: 3rem;
    z-index: 10;
    width: 50%;
    padding: 15px;
    border-radius: 10px;
    background: rgba(19, 107, 105, .85);
}
  /* 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;
}
 
/*Parallax*/
.parallax {
    /* Full height */
    height: 100%; 
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.logo-parallax{
    font-size: 3rem;
    font-weight:800;
    height: 450px;
    display: block;
    background: rgba(19, 107, 105, .3);
}
.par-img-nos {
    background-image: url(../img/nosotros/bph5.jpg);
}
.par-img-serv {
    background-image: url(../img/servicios/serv2.jpg);
}


/*Servicios*/
.bt {
    border-top: #6eb47d solid 4px;
}
.bb {
    border-bottom: #6eb47d solid 4px;
}

/*Comunidad*/

/*contacto*/
.contacto-logo{
    width: 50px;
    height: 50px;
}

.cuadro-contacto{
    border-radius: 20px;
}

.cuadro-contacto p{
    font-size: 1.2rem;
    font-weight: bold;
}

.mail{
    color: white;
    font-size: 1.4rem;
    text-align: center;
}

@media (max-width:450px) and (min-width:100px) {
    .donde-vw{
        font-size: 7vw;
    }
    .contacto-logo{
        width: 30px;
        height: 30px;
    }
}

/*Footer*/
.subrayado{
    border-bottom: solid 2px #9dcc9b;
}

.telefono{
    color: black;
    font-size: 1em;
    font-weight: bold;
}

.bordecito {
    border-top: #9dcc9b solid 2px;
    margin-top: 5px;
}

/*Nosotros*/
@media (max-width: 767px) and (min-width:100px) {
    .p-xs{
        padding: 10px;
    }
}