.screens-row figure { width: 100%; height: 100%; position: absolute; }
.screens-row figure img { height: 100%; width: 100%; object-fit: cover; display: block; }

.screens-row .image-kenburns-slow figure img { 
    -webkit-animation: move 60s linear infinite;
    -moz-animation: move 60s linear infinite;
    -ms-animation: move 60s linear infinite;
    -o-animation: move 60s linear infinite;
    animation: move 60s linear infinite;
}

.screens-row .image-kenburns figure img { 
    -webkit-animation: move 40s linear infinite;
    -moz-animation: move 40s linear infinite;
    -ms-animation: move 40s linear infinite;
    -o-animation: move 40s linear infinite;
    animation: move 40s linear infinite;
}

.atom-video { padding: 0; }
.atom-video video { width: calc(100vh / var( --screen-convert-ratio ) ); height: 100vh; object-fit: cover; }



.template-demo .copy-holder .inner h1 { line-height: calc( 36vh * var( --font-convert-ratio ) ); font-size: calc( 25vh * var( --font-convert-ratio ) ); }
.template-demo .tag-holder { width: 45% !important; text-align: center !important; display: block; }
.template-demo .date { }
.template-demo .date span { width: 45% !important; text-align: center !important; }
.template-demo .date span.month { margin-bottom: 1vh !important; font-size: calc( 14vh * var( --font-convert-ratio ) ) !important; }
.template-demo .date span.day { border: none !important; padding-bottom: 2.5vh; display: inline-block; font-weight: 400 !important; 
    font-size: calc( 80vh * var( --font-convert-ratio ) ) !important; 
    line-height: calc( 80vh * var( --font-convert-ratio ) ) !important; font-weight: normal !important;  }

.template-demo .date span.day:before { background: #FF8A22; width: 65%; height: 1.2vh; position: absolute; display: block; content: ""; bottom: 0; left: 17.5%; }

.template-demo .copy-holder p.big { margin-bottom: 6vh !important; }



.template-event .copy-holder .inner h1 { line-height: calc( 36vh * var( --font-convert-ratio ) ); font-size: calc( 25vh * var( --font-convert-ratio ) ); }
.template-event .tag-holder { width: 45% !important; text-align: center !important; display: block; }
.template-event .date { }
.template-event .date span { width: 45% !important; text-align: center !important; }
.template-event .date span.month { margin-bottom: 1vh !important; font-size: calc( 14vh * var( --font-convert-ratio ) ) !important; }
.template-event .date span.day { border: none !important; padding-bottom: 2.5vh; display: inline-block; font-weight: 400 !important; 
    font-size: calc( 80vh * var( --font-convert-ratio ) ) !important; 
    line-height: calc( 80vh * var( --font-convert-ratio ) ) !important; font-weight: normal !important;  }

.template-event .date span.day:before { background: #FF8A22; width: 65%; height: 1.2vh; position: absolute; display: block; content: ""; bottom: 0; left: 17.5%; }


.template-event .copy-holder.at-bottom { position: relative; }
.template-event .copy-holder.at-bottom p.big { margin-bottom: 6vh !important; position: absolute; bottom: 0; top: initial; }