body { font-size: 24px;
       background-color: #00017c; 
       background-image: url("websitebackground4.jpg"); 
       background-repeat: repeat-y: repeat-x;   
}

#pausedisplay { display: none; } 

  #fade-in-image {
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
  }
  #fade-in-image.show {
    opacity: 1;
  }
.slide-in { display: flex; align-items: center; justify-content: center; overflow: hidden; }

.slide-in img { max-width: 100%; height: auto; position: relative; animation: slide 4s forwards; }

@keyframes slide { from { transform: translateX(-100%); } to { transform: translateX(0); } } 
  

img {
    display: inline-block;
    padding: 0;
    margin: 0;
    vertical-align: top;
}
#nav-bar {
    display: none !important;
}
 .white-text {
      color: white;
      text-align: center;
    }
p.intro {color: #FFFFFF; 
    font: Arial, sans-serif; 
    margin-top: 20px;
    margin-right: 10%;
    margin-left: 10%;
}
p.smallwhite {
    color: #FFFFFF; 
    font: Arial, sans-serif; 
    margin-top: 5px;
    margin-right: 10%;
    margin-left: 10%;
}
p.hidden { 
    display: none; 
    color: #FFFFFF; 
    font: Arial, sans-serif; 
    margin-top: 5px;
    margin-right: 10%;
    margin-left: 10%;
} 
#hidden-text {
  display: none;
    color: #FFFFFF; 
    font: Arial, sans-serif; 
    margin-top: 5px;
    margin-right: 10%;
    margin-left: 10%;
}
#hidden-text2 {
  display: none;
    color: #FFFFFF; 
    font: Arial, sans-serif; 
    margin-top: 5px;
    margin-right: 10%;
    margin-left: 10%;  
}
h1  {
    font-size 26px;
    color: #FFFFFF; 
    font-family: Arial, Verdana, Tahoma, Trebuchet, Times New Roman, sans-serif ;
    margin-top: 5px;
    margin-right: 10%;
    margin-left: 10%;
}
h2  {
    font-size 24px;
    color: #FFFFFF; 
    font-family: Arial, Verdana, Tahoma, Trebuchet, Times New Roman, sans-serif ;
    margin-top: 5px;
    margin-right: 10%;
    margin-left: 10%;
}
h3  {
    font-size 22px;
    color: #FFFFFF; 
    font-family: Arial, Verdana, Tahoma, Trebuchet, Times New Roman, sans-serif ;
    margin-top: 5px;
    margin-right: 10%;
    margin-left: 10%;
}

input {  
font-size: 20px;
}
textarea {
font-size: 18px;
}
a.white{
     color: #FFFFFF;
}
a.grey{
     color: #BBBBBB;
     float: right;
}
hr.eighty {
    color: #000000;
    margin-right: 10%;
    margin-left: 10%;
}
img.bullet {
height: 22px;
}
img.audiospacer{
width: 11.8%; 
}
img.audiolinespacer{
width: 100%; 
height: 4vw;
}
img.audioicon{
width: 10%; 
}  


img.banner {
width: 100%;
}

 @media only screen and (max-width: 550px) {
        .desktop {
            display: none;
        }
    }

    @media only screen and (min-width: 500px) {
        .mobile {
            display: none;
        }
    }
    
/* By default, hide both mobile player banners */
.playerbanner {
    display: none;
}

/* Show mobile banner for screens less than or equal to 768px */
@media (max-width: 1023px) {
    .mobile-banner {
        display: block; /* Mobile Banner displayed */
    }
}

/* Show desktop banner for screens more than 768px */
@media (min-width: 1024px) {
    .desktop-banner {
        display: block; /* Desktop Banner displayed */
    }
}    
    
    
    
    
img.contactimage {
width: 30%;
}
img.freetool {
    margin-top: 10px;
    margin-left: 10%;
    width: 15%;
}
img.logo {
width: 12%;
float: left;
}
    
    .video-container {
    display: none;
    float: right;
    padding-right: 4%;
    width: 45%;
    height: 28vw;
    }
    img.videoimage {
    float: right;
    padding-right: 4%;
    width: 45%;
    height: 28vw; 
    }
    iframe.videoframe {
    float: right;
    width: 100%;
    height: 28vw; 
    }
.cookies-alert {
            position: fixed;
            top: 80%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #FFFFFF;
            color: #000000;
            padding: 10px;
            border: 2px solid #f5c6cb;
            z-index: 9999;
            display: none;
            cursor: pointer;
        }
.link {
      flex: 1 1 auto; 
      width: 100%; 
      height: 80%;
     img {
        max-height: 100%;
        max-width: 100%;
      }