html {
    font-size: 16px;
 }
 
 body {
    font-family: Arial, Helvetic, sans-serif;
   font-size: 1rem;
    color: black;
 }

 a {
   text-align: center;
 }
 
 li {
    margin-top: 1rem;
 }

 main {
   margin: 0 auto;
   max-width: 1000px;
   overflow: hidden;
   width: 100%;
 }

section {
   margin-top: 1rem;
}

.ctas {
   text-align: center;
}

.cta-container {
   display: inline-block;
   padding: 0.5rem;
}

.cta-container a {
   background: rgb(4, 43, 134);
   border-radius: 5px;
   color: #fff;
   font-size: 1.2rem;
   padding: 0.25rem 1rem;
   text-decoration: none;  
}

.cta-container a:hover {
   background: rgb(0, 133, 142);
   cursor: pointer;
}

.images {
   display: none;
   flex-direction: row;
}

.image-container {
   display: block;
   text-align: center;
}

.image-container img {
   width: 100%;
}

.video-container{
   position: relative;
   overflow: hidden;
   width: 100%;
 }
 
 .video-container::after {
   display: block;
   content: "";
   padding-top: 56.25%;
 }
 
 .video-container iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }