EVOLUTION-MANAGER

Edit File: secciones.css

.contenedor {
    width: 95%;
    max-width: 1080px;
    margin: auto;
}

.cabezera-logo-nav {
    height: auto;
    position: relative;
}

.logo-patronato {
    height: auto;
}

.logo-patronato > img {
    width: 100%;
    height: auto;
}

.iconos-redes {
    position: absolute;
    bottom: 10%;
    right: 0;
}

.ordenar-iconos {
    display: flex;
    width: 75px;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
}

.redes > a {
    display: flex;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.seccion-slider-servicio-noticia-mapa {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.contenedor-seccion {
    display: flex;
    width: 100%;
    height: 600px;
    justify-content: center;
    align-items: center;
}

/* Slider imagenes*/
.slider-img {
    width: 100%;
}

.carousel-inner > .carousel-item > img {
    height: 500px;
    object-fit: contain;
    object-position: center center;
}

/* Separadores */
.separador-secciones {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.separador-text {
    margin: 1rem 0 1rem 0;
    width: calc(50% - 66.13px);
}

.separador-icon {
    margin: 1rem 0 1rem 0;
    width: calc(50% - 116.13px);
}

.seccion-informacion-text {
    margin: 1rem 0 1rem 0;
    width: calc(50% - 88.005px);
}

.seccion-informacion-icon {
    margin: 1rem 0 1rem 0;
    width: calc(50% - 138.005px);
}

.seccion-ubicacion-text {
    margin: 1rem 0 1rem 0;
    width: calc(50% - 72.83px);
}

.seccion-ubicacion-icon {
    margin: 1rem 0 1rem 0;
    width: calc(50% - 122.83px);
}

.separador-secciones > img {
    height: 50px;
    width: 50px;
}

.secciones-estilo-3 {
    color: #0E4E81;
    font-weight: 600;
    text-shadow: 1px 3px 3px #0E4E81;
}

/* Servicios Patronato */
.slider-img, .servicios-disponibles, .iformacion-noti, .ubicacion-map {
    height: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

/* media */
@media screen and (max-width:650px) {
    .carousel-inner > .carousel-item > img {
        height: 325px;
    }
}

@media screen and (max-width:450px) {
    .carousel-inner > .carousel-item > img {
        height: 160px;
    }

.slider-img, .servicios-disponibles, .iformacion-noti, .ubicacion-map {
        margin-top: 25px;
        margin-bottom: 25px;
    }

.iconos-redes {
        bottom: 0;
    }
}