body { font-size: 15px;
       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.0s ease-in-out;
  }
  #fade-in-image.show {
    opacity: 1;
  }
.slide-in { display: flex; align-items: center; justify-content: center; overflow: hidden; }

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

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

 @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 {
    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 20px;
    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 16px;
    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 16px;
    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: 1.7em;
}
label {  
font-size: 1.7em;
}
button {  
font-size: 1.7em;
}
textarea {
font-size: 1.7em;
}
a.white{
     color: #FFFFFF;
}
a.grey{
     color: #BBBBBB;
     float: right;
}
hr.eighty {
    color: #000000;
    margin-right: 10%;
    margin-left: 10%;
}
img.bullet {
height: 14px;
}

img.banner {
width: 100%;
}
img.banner33 {
width: 49%;
}
img.banner66 {
width: 100%;
margin-bottom: 15px;
}
img.contactimage {
width: 75%;
}
img.freetool {
    margin-top: 10px;
    margin-left: 10%;
    width: 35%;
}
img.logo {
width: 23%;
float: left;
}
img.audiospacer{
width: 3.3%; 
}
img.audiolinespacer{
width: 100%; 
height: 9vw;
}
img.audioicon{
width: 20%; 
} 

    .video-container {
    display: none;
    float: right;
    padding-left: 2%;
    padding-right: 1%;
    margin-bottom: 15px;
    width: 98%;
    height: 62vw;
    }
    img.videoimage {
    float: right;
    padding-left: 2%;
    padding-right: 1%;
    margin-bottom: 15px;
    width: 98%;
    height: 62vw; 
    }
    iframe.videoframe {
    float: right;
    width: 100%;
    height: 62vw; 
    }
.cookies-alert {
            position: fixed;
            top: 60%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #FFFFFF;
            color: #000000;
            padding: 5px;
            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%;
      }
@supports (-ms-ime-align: auto) {
    /* Styles specifically for Microsoft Edge */
    input, label, textarea {
        font-size: 25px; /* Adjust size specifically for Edge */
    }
}