PREPARE.
RESPOND.
RECOVER.
TOGETHER.
.listos-homepage-landing {
align-items: center;
column-gap: 10%;
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: 0;
margin-top: 90px;
}
.listos-homepage-landing H1 {
margin-bottom: 30px;
margin-top: 50px
}
@media screen and (max-width: 1100px) {
.listos-homepage-landing {
margin-bottom: 0;
margin-top: 0;
}
}
h1.listos-homepage-title {
color: #fff;
font-size: 80px;
text-align: center;
}
.listos-homepage-title SPAN {color:#f0b323}
.listos-homepage-card {
border-radius: 20px;
max-width: 400px;
overflow: hidden;
width: 100%;
}
.listos-homepage-card-content {
background: rgba(255, 255, 255, 0.85);
padding: 20px;
font-family: "Frutiger Light", Arial, Helvetica, sans-serif;
font-size: 1.5rem;
color: #515151;
}
.listos-homepage-card-buttons {
font-size: 1.5rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
text-align: center;
}
.listos-homepage-card-buttons a {
font-family: 'Simplo Heavy';
color: #fff;
padding: 10px;
}
.listos-homepage-card-buttons a:nth-child(4n + 1) {background:#E0791D}
.listos-homepage-card-buttons a:nth-child(4n + 2) {background:#0F9FD6}
.listos-homepage-card-buttons a:nth-child(4n + 3) {background:#8E3F7E}
.listos-homepage-card-buttons a:nth-child(4n + 4) {background:#003865}
.listos-homepage-card-buttons a:nth-child(2n-1):last-of-type {grid-column: 1 / -1}
jQuery(document).ready(function($) {
let isStopped = false;
let vid = $('#home-hero VIDEO');
let vidBtnPause = $('.video-btn');
$('.video-btn').click(function() {
if (!isStopped) {
vid[0].pause();
$(this).html('
Play');
isStopped = true;
} else {
vid[0].play();
$(this).html('
Pause');
isStopped = false;
}
return false;
});
});