.banner_content {
position: relative;
width: 100%;
height: 500px;
padding-top: 275px;
float: left;
}
.banner_content.historia {
background-image: url(https://hermandadopdf.org/core/views/873f8df17f/images/rse/bannerHistoria.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.banner_content.rse {
padding-top: 300px;
padding-right: 30px;
padding-left: 30px;
background-image: url(https://hermandadopdf.org/storage/2024/10/rese.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.banner_content.actividadesrse {
padding-top: 270px;
padding-bottom: 30px;
padding-right: 30px;
padding-left: 30px;
background-image: url(https://hermandadopdf.org/core/views/873f8df17f/images/rse/actividades.jpg);
background-position: 50% 50%;
background-size: cover;
}
.banner_content.actividadesrseintern {
background-position: 50% 0;
}
.content__nnn {
position: relative;
max-width: 960px;
margin-right: auto;
margin-left: auto;
}
.titulo_banner {
margin-top: 0px;
margin-bottom: 10px;
font-family: Raspoutine, sans-serif;
color: #fff;
font-size: 45px;
line-height: 50px;
text-align: center;
letter-spacing: 1px;
}
.txt__banner {
font-family: 'Open Sans', sans-serif;
color: #fff;
font-size: 16px;
line-height: 22px;
font-weight: 300;
text-align: center;
}
.opacidad__overlay {
position: absolute;
left: 0%;
top: 0%;
right: auto;
bottom: auto;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
}
.body__historia {
position: relative;
width: 100%;
padding: 50px 40px;
float: left;
background-image: url(https://hermandadopdf.org/core/views/873f8df17f/images/rse/secondHistoria.png);
background-position: -8% 0px;
background-size: auto;
background-repeat: no-repeat;
}
.body__historia.var {
background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 91.3%, 0.5)), to(hsla(0, 0%, 91.3%, 0.5))), url(https://hermandadopdf.org/core/views/873f8df17f/images/rse/secondHistoria.png);
background-image: linear-gradient(180deg, hsla(0, 0%, 91.3%, 0.5), hsla(0, 0%, 91.3%, 0.5)), url(https://hermandadopdf.org/core/views/873f8df17f/images/rse/secondHistoria.png);
background-position: 0px 0px, -8% 0px;
background-size: auto, auto;
background-repeat: repeat, no-repeat;
}
.historia_one {
position: absolute;
left: auto;
top: -205px;
right: 0%;
bottom: auto;
height: 275px;
}
.container_new {
max-width: 1200px;
margin-right: auto;
margin-left: auto;
}
.container_new._960 {
max-width: 960px;
}
.title_down {
margin-bottom: 20px;
font-family: Raspoutine, sans-serif;
color: #027a3c;
font-size: 20px;
line-height: 25px;
}
.texto__historia {
font-family: Raspoutine, sans-serif;
color: #000;
font-size: 14.5px;
line-height: 24px;
text-align: justify;
}
.texto__historia.varr {
line-height: 40px;
}
.logo_rse {
max-height: 250px;
float: right;
}
.seccion_actividad {
position: relative;
width: 100%;
padding: 40px;
float: left;
background-color: #eeb702;
}
.seccion_actividad.var {
background-color: #fff;
}
.seccion_actividad.verde {
background-color: #027a3c;
}
.left_acti {
position: relative;
z-index: 9;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 65%;
height: 250px;
padding-right: 0px;
padding-left: 40px;
float: left;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.left_acti.var {
padding-right: 40px;
padding-left: 0px;
}
.right_acti {
position: relative;
z-index: 9;
width: 35%;
height: 250px;
float: left;
}
.right_acti.d {
text-align: right;
}
.titulo__acti {
font-family: Raspoutine, sans-serif;
color: #fff;
font-size: 30px;
line-height: 35px;
text-align: center;
}
.titulo__acti a {
color: white;
text-decoration: none;
transition: .5s;
}
.titulo__acti a:hover {
text-decoration: underline;
}
.titulo__acti.verde {
color: #027a3c;
}
.imagen___aaac {
height: 100%;
} .galeria__actividad {
padding-top: 30px;
padding-bottom: 130px;
}
.hexagons {
display: flex;
flex-wrap: wrap;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.hexagon {
width: 400px;
height: 370px;
background-color: #fff;
clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
margin-bottom: 10px;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
.hexagon:nth-child(odd) {
position: relative;
top: 190px;
left: 90px;
}
.body__mensaje {
padding-top: 20px;
}
.content_est {
font-family: Raspoutine, sans-serif;
color: white;
font-size: 26px;
line-height: 36px;
text-align: justify;
}
.content_est.content_est__green {
color: #027a3c;
}
@media screen and (max-width: 991px) {
.content_est {
font-size: 20px;
line-height: 30px;
}
.hexagon {
width: 330px;
height: 300px;
}
.hexagon:nth-child(odd) {
top: 155px;
left: 72px;
}
.titulo_banner {
font-size: 40px;
line-height: 45px;
}
}
@media screen and (max-width: 767px) {
.content_est {
font-size: 18px;
line-height: 28px;
}
.hexagon {
width: 250px;
height: 220px;
}
.hexagon:nth-child(odd) {
top: 115px;
left: 54px;
}
.galeria__actividad {
padding-bottom: 60px;
}
.banner_content {
height: auto;
padding: 100px 30px;
}
.logo_rse {
display: block;
max-height: 200px;
margin-top: 15px;
float: none;
}
.left_acti {
height: 175px;
}
.right_acti {
height: 175px;
}
.titulo__acti {
font-size: 20px;
line-height: 25px;
}
.imagen___aaac {
height: auto;
}
.titulo_banner {
font-size: 32px;
line-height: 37px;
}
}
@media screen and (max-width: 600px) {
.hexagons {
justify-content: center;
}
.hexagon:nth-child(odd) {
position: static;
}
.galeria__actividad {
padding-bottom: 20px;
}
.hexagon.hexagon__none {
display: none;
}
}
@media screen and (max-width: 479px) {
.left_acti div {
text-align: center;
}
.banner_content {
height: auto;
padding-top: 100px;
padding-bottom: 100px;
}
.banner_content.rse {
padding-top: 200px;
}
.banner_content.actividadesrse {
padding-top: 200px;
}
.titulo_banner {
font-size: 25px;
line-height: 30px;
}
.body__historia {
padding-right: 25px;
padding-left: 25px;
}
.historia_one {
top: -100px;
display: none;
height: 125px;
}
.left_acti {
width: 100%;
height: auto;
margin-top: 25px;
padding-left: 0px;
}
.left_acti.var {
margin-top: 0px;
margin-bottom: 25px;
padding-right: 0px;
}
.right_acti {
width: 100%;
height: auto;
}
}
@font-face {
font-family: 'Raspoutine';
src: url(https://hermandadopdf.org/core/views/873f8df17f/fonts/RaspoutineMedium_TB.ttf) format('opentype');
font-weight: 500;
font-style: normal;
font-display: swap;
}