@charset "utf-8";
/* CSS Document */
<style>
body,td,th {
    font-family: Lato, sans-serif;
    color: #0F0907;
    text-align: left;
}

	
	
body {
	
  font-family: 'Lato', sans-serif;
}
	


.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgba(102,6,6,1.00);
  background-color: rgba(0,0,0, 0.8);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 10%;
  width: 80%;
  text-align: left;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
 
  color: #F8AC00;
  display: block;
  transition: 0.3s;
}
	


	
	@media screen and (min-width: 800px) {
  .overlay a {
    font-size: 24px;
  }
.pod_list {
		font-size: 30px;
		}
}

@media screen and (max-width: 1000px) {
  .overlay a {
    font-size: 80px;
  }
	.pod_list {
		font-size: 50px;
		}
}

.3VW_medium_text
{
	font-size: 3vw;
}
.1VW_small_text
{
	font-size: 1vw;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

		
.hoverM2 {
	position: fixed; absolute; top: 1%;
	width:100%;
	align:top;
	}

.overlay .closebtn {
    position: absolute;
    top: 15px;
    left: 10%;
    font-size: 90px;
}
	
	 audio{
           max-height: 100%;
           max-width: 100%;
           margin: auto;
           object-fit: contain;
         }


	

	



	
	.hoverM {
	position: fixed;
	font-size:90px;
	color: blue;
	background:#F8F4F4;
border-radius: 10%;
  padding: 20px;
		height:100px;
		overflow: hidden;
	}
	
	
		
	
	imageCorners {
border-radius: 25px;
	}
	
	

        .roundleft {
           
          
            border-radius: 50%;
           align: center;
			overflow: hidden;
            font-size: 30px;
            float: left;
            font-weight: bold;
              
            /* Change the shape according
                to the image */
            shape-outside: circle();
            background-color: black;
            color: white;
        }
	
	 .roundright {
           
          
            border-radius: 50%;
           align: center;
			overflow: hidden;
            font-size: 30px;
            float: right;
            font-weight: bold;
              
            /* Change the shape according
                to the image */
            shape-outside: circle();
            background-color: black;
            color: white;
        }


		/* rounded image */
.round3 { 
	 /* border-radius: 250px; */
	border-radius: 2%;
	overflow: hidden;
} 


		/* rounded image */
.round2 { 
	 /* border-radius: 250px; */
	border-radius: 10%;
	overflow: hidden;
} 
	
			/* completely image */
.round { 
	 /* border-radius: 250px; */
	border-radius: 50%;
	overflow: hidden;
} 
          
        article{
            padding-top:;
            display: inline-block;
        }
	
	 .imgleft {
		 border-radius: 10%;
	overflow: hidden;
      float: left;
      margin: 1%;
    }
	 
	.imgright {
		 border-radius: 10%;
      float: right;
      margin: 1%;
    }
          
        tbody {
            text-align: justify;
            font-size: medium;
        }
    </style>