header+[data-slideshow] [data-slideshow-slides]{
    height: 15rem;
}

[data-slideshow] [data-slide-effect]{
    width: 100%;
    left: 0;
    right: 0;
}

header+[data-slideshow] [data-slide-text]{
    width: 90%;
}

[data-slideshow] [data-slide-header]{
    font-size: 30px;
    line-height: 140%;
    font-family: Rubik;
    font-weight: bolder;
}

[data-y-section]{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

[data-y-section~='title'] #page-title{
    font-size: 30px;
    color: #585858;
}

[data-y-section ~= 'title']{
    padding-top: 3rem;
    padding-bottom: 0;
}

[data-y-section] .sub-container{
    display: flex;
    flex-direction: column-reverse;    
}
[data-y-section] .sub-container .who-textblock{
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    text-align: justify;
    margin-left: 5%;
    margin-right: 5%;
}
[data-y-section] .sub-container .who-textblock h3, .who-grid .cell-text h3, #who-adventure div h3{
    font-size: 1.25rem;
    text-align: left;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
}
[data-y-section] .sub-container .who-textblock p, .who-grid .cell-text p, #who-adventure div p{
    font-size: 1rem; 
    margin-block-start: 0;
    margin-block-end: 0;

}
.who-grid{
    display: grid;
    grid-template-areas: "column-1" "column-3" "column-2" "column-4";
}

.who-grid div:nth-child(1){
    grid-area: column-1;
}

.who-grid div:nth-child(2){
    grid-area: column-2;
}

.who-grid div:nth-child(3){
    grid-area: column-3;
}

.who-grid div:nth-child(4){
    grid-area: column-4;
}

.who-grid .cell-img{
    width: 100%;
}
.who-grid .cell-img img{
    width: 100%;
}

.who-grid .cell-text{
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: 5%;
    margin-right: 5%;
    text-align: justify;
}

#who-adventure{
    background-image: url("/album/who/unete a la aventura.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 30rem;
    width: 100%;
}

#who-adventure div{
    position:relative;
    top: 0;
    max-height: 65%;
    display:block;
    text-align: justify;
    background-color: rgba(58, 58, 58, 0.75);
}

#who-adventure div>*{
    color:white;
    margin-left: 5%;
    margin-right: 5%;
}

#who-adventure div>h3{
    padding-top: 1rem;
}