#jrt26 *{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

#jrt26 div > span {
    opacity: 0;
}

#jrt26{
    font-family: gotham, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 3.5vw;
    line-height: 0.8em;


    width: 100vw;
    height: 100vh;
    display: flex;

    padding: 1em;
    box-sizing: border-box;
    position: relative;
    background: #C4D200;
}

#jrt26 span span{
    color: transparent;
}

#jrt26 div{
    display: flex;
    flex-direction: column;
    position: absolute;
}

#jrt26 div div{
    position: relative;
}



#jrt26 #e20 > span{
    position: relative;
}

#jrt26 #e20 sup{
    position: absolute;
    top: -0.08em;
}

#jrt26 #journee{left: calc(100%/5); 
 top: 50%;
    translate: -50% -50%;
}
#jrt26 #j-h{ }
#jrt26 #j-b{ left: 3vw; text-align: right;}

#jrt26 #romande{
    left: calc(100%/2); 
 translate: -80% 0;}
#jrt26 #r-h{ text-align: center;}
#jrt26 #r-b{ text-align: right;}

#jrt26 #typo{
    left: 55vw;
    bottom: 1em;
}

#jrt26 #de{
    left: 50%;
    translate: -50% 0;
    bottom: 1em;
}

#jrt26 #nyon{
right: 1em;
}

#jrt26 #date{
    bottom: 1em;
}


[data-col="2"]{
#jrt26{
    width: 50vw;
    font-size: 2.5vw;
}

#jrt26 #journee{left: calc(100%/2); 
 top: 0%;
    translate: -80% 10%;
}

#jrt26 #romande{
    top: 50%;
    left: calc(100%/5); 
 translate: -50% -50%
}

#jrt26 #typo{
    left: inherit;
    right: 1em;
    bottom: 1em;
}

#jrt26 #de{
    top: 70%;
    left: inherit;
    translate: 100% 20%;
    bottom: inherit;
}


}

[data-col="3"]{

#jrt26{
    width: calc(100vw/3);
    font-size: 2vw;
}

#jrt26 #journee{left: calc(100%/2); 
 top: 0%;
    translate: -80% 10%;
}


#jrt26 #romande{
    top: 50%;
    left: calc(100%/5); 
 translate: -50% -50%
}

#jrt26 #de{
    top: 70%;
    left: inherit;
    translate: 0% 20%;
    bottom: inherit;
}

#jrt26 #typo{
    left: inherit;
    right: 1em;
    bottom: 1em;
}
}

@media screen and (max-width: 1200px){
#jrt26{font-size: 4vw;}


#jrt26 #journee{left: calc(100%/2); 
 top: 0%;
    translate: -80% 10%;
}

#jrt26 #romande{
    top: 50%;
    left: calc(100%/5); 
 translate: -50% -50%;}

#jrt26 #typo{
    left: inherit;
    right: 1em;
    bottom: 1em;
}

#jrt26 #de{
    top: 70%;
    left: inherit;
    translate: 100% 20%;
    bottom: inherit;
}

}

@media screen and (max-width: 800px){
  #jrt26{font-size: 6vw;}

#jrt26 #de{
    top: 70%;
    left: inherit;
    translate: 0% 20%;
    bottom: inherit;
}

#jrt26 #typo{
    left: inherit;
    right: 1em;
    bottom: 1em;
}

}

/* COLOR */
#jrt26 #e20 { color: #275627;}

#jrt26 #j-h { color: #EE7446;}
#jrt26 #j-b { color: #275627;}

#jrt26 #r-h { color: #94894A;}
#jrt26 #r-b { color: #275627;}

#jrt26 #t-h { color: #EE7446;}
#jrt26 #t-b { color: #94894A;}

#jrt26 #de { color: #94894A;}
#jrt26 #de > span:nth-child(2) { color: #EE7446;}

#jrt26 #n-h { color: #275627;}
#jrt26 #n-b { color: #EE7446;}

#jrt26 #date { color: #275627;}

.post-383 .otherMedia{
    mix-blend-mode: multiply;
}