/* Book multiple*/

li.mdl-book-HEL-ARN-cntnr {
    border-radius: 0;
    height: 100%;
    max-height: 100%;
}
figure.mdl-book-HEL-ARN {
    width: 100%;
    height: 100%;
    max-height: 100%;
    text-align: center;
    
}



figure.mdl-book-HEL-ARN > div.mdl-book-HEL-ARN-left {
    width: 100%;
}
figure.mdl-book-HEL-ARN > div.mdl-book-HEL-ARN-right {
    width: 100%;
    position: absolute;
    top:0;
    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
figure.mdl-book-HEL-ARN > div.mdl-book-HEL-ARN-left > img,
figure.mdl-book-HEL-ARN > div.mdl-book-HEL-ARN-right > img {
    width: 100%;
}

figure.mdl-book-HEL-ARN > div {
}
figure.mdl-book-HEL-ARN > div > h2 {
    display: inline-block;
    padding: 3% 5%;
    margin: 0 0 10% 0;
    font-family: 'Sansita', sans-serif;
    font-size: clamp(1.05rem, 0.1486rem + 1.9595vw, 2.5rem) !important;
    font-weight: bold;
    font-style: italic;
    color: rgba(255,255,255,1.00);
    text-transform: none;
    background:  rgba(21,74,119,1.00);
    border-radius: 0.5em;
}
figure.mdl-book-HEL-ARN > figcaption {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
figure.mdl-book-HEL-ARN > figcaption > h2,
figure.mdl-book-HEL-ARN > figcaption > #art-lnk,
figure.mdl-book-HEL-ARN > figcaption > a.art-lnk {
    position: absolute;
    margin: 0;
    padding: 0;
    font-family: 'Sansita', sans-serif!important;
    font-weight: bold;
    font-style: italic;
    color: rgba(255,255,255,1.00);
    text-shadow: 
        -0.05em -0.05em 0 rgba(21,74,119,1.00), 
        0.05em -0.05em 0 rgba(21,74,119,1.00), 
        -0.05em 0.05em 0 rgba(21,74,119,1.00), 
        0.05em 0.05em 0 rgba(21,74,119,1.00);
}
figure.mdl-book-HEL-ARN > figcaption > h2 {
    top: 40%;
    width: 100%;
    height: 20%;
font-size: clamp(1.25rem, 0.4730rem + 1.6892vw, 2.5rem) !important;
text-transform: none;
}

figure.mdl-book-HEL-ARN > figcaption > #art-lnk,
figure.mdl-book-HEL-ARN > figcaption > a.art-lnk  {
    bottom: 5%;
    right:5%;
    text-align: right;
    width: 90%;
    height: 20%;
font-size: clamp(1.25rem, 0.4730rem + 1.6892vw, 2.5rem) !important;
text-transform: uppercase;
    border: none;
    background: none;
}
figure.mdl-book-HEL-ARN > figcaption > a:first-child {
    bottom: 5%;
    right:5%;
    text-align: right;
}

figure.mdl-book-HEL-ARN > figcaption > #art-lnk:last-child,
figure.mdl-book-HEL-ARN > figcaption > a.art-lnk:last-child {
    bottom: auto;
    right:auto;
    top:5%;
    left: 5%;
    text-align: left;
}





@media (min-width:1152px) and (max-width:1489px) {
	
	

}
@media (min-width:1490px) and (max-width:1689px){
	

}
@media (min-width:1690px) and (max-width:1919px){

    
}
@media (min-width:1920px){

    
}

@media (min-width:481px) and (max-width:539px) {
		

	
}
@media (min-width:540px) and (max-width:639px) {
		

	
}
@media (min-width:640px) and (max-width:767px) {
	

	
}
@media (min-width:768px) and (max-width:979px) {
	
	
}
@media (min-width:980px) and (max-width:1151px) {
	

	
}
@media (max-width:480px) {

	
}