@charset "UTF-8";

/*
 Created by Thomas Tivnen 01/01/2022
 contact thomastivnen@hotmail.com
*/

.invisible   {
	display: none;
}


table.vidme    {
	margin-left: 10%;
}

table.vidme tr td div.viddiv   {
	border: 5px solid #000; 
	width: 460px; 
	height: 315px;
}

iframe.vidframe, img.vidframe   {
	width: 460px; 
	height: 315px;
}

iframe.vidframe2   {
	width: 920px; 
	height: 630px;
}

@media screen and (max-width:4200px) and (min-width:3840.01px){
	body  {
		width: 100%; 
		height: auto; margin: 0; 	
	 }	
	 
}

@media screen and (max-width:3840px) and (min-width:3200.01px){
	body  {
		width: 100%; 
		height: auto; margin: 0; 	
	 }	

}

@media screen and (max-width:3200px) and (min-width:2880.01px){
	body  {
		width: 100%; 
		height: auto; margin: 0; 	
	 }	

}

@media screen and (max-width:2880px) and (min-width:2560.01px){
	body  {
		width: 100%; 
		height: auto; margin: 0; 	
	 }	
	
}

@media screen and (max-width:2560px) and (min-width:2200.01px){
	body  {
		width: 100%; 
		height: auto; margin: 0; 	
	 }
	
}



@media screen and (max-width:2200px){
	 body  {
		width: 100%; max-width: 2200px;
		height: auto; margin: 0; 	
	 }
	 
}

@media screen and (max-width:1920px){
	 body  {
		width: 100%; max-width: 1920px;
		height: auto; margin: 0; 	
	 }
	 
}

@media screen and (max-width:1800px){
     body  {
		width: 100%; max-width: 1800px;
		height: auto; margin: 0; 
	 }
}

@media screen and (max-width:1600px){
     body  {
		width: 100%; max-width: 1600px;
		height: auto; margin: 0; 
	 }
}

@media screen and (max-width:1580px){
	 body  {
		width: 100%; max-width: 1580px;
		height: auto; margin: 0; 	
	 }
	 
}

@media screen and (max-width:1440px){
	 body  {
		width: 100%; max-width: 1440px;
		height: auto; margin: 0; 	
	 }
	 
}

@media screen and (max-width:1366px){
    body  {
		width: 100%; max-width: 1366px;
		height: auto; margin: 0; 	
    }
    
}

@media screen and (max-width:1336px){
    body  {
		width: 100%; max-width: 1336px;
		height: auto; margin: 0; 	
    }
    
}


@media screen and (max-width:1280px){
    body  {
		width: 100%; max-width: 1280px;
		height: auto; margin: 0; 	
    } 
    .invisible   {
    	display: inherit;
    }
   
}

@media screen and (max-width:1112px){
     body  {
		width: 100%; max-width: 1112px;
		height: auto; margin: 0; 	
     }
}

@media screen and (max-width:1080px){
     body  {
		width: 100%; max-width: 1080px;
		height: auto; margin: 0; 	
     }
     
    table.vidme    {
		margin-left: 50px;
	}
}

@media screen and (max-width:1024px){
     body  {
		width: 100%; max-width: 1024px;
		height: auto; margin: 0; padding: 0; 	
     }
    
	 table.vidme    {
		margin-left: 25px;
	}
}

@media screen and (max-width:960px){
     body  {
		width: 100%; max-width: 960px;
		height: auto; margin: 0; 
	}	 
	 table.vidme    {
		margin-left: 5px;
	}
	table.vidme tr td div.viddiv   {
		border: 4px solid #000; 
		width: 450px; 
		height: 315px;
	}
	iframe.vidframe, img.vidframe   {
		width: 450px; 
		height: 315px;
	}
}

@media screen and (max-width:959px){
     body  {
		width: 100%; max-width: 959px;
		height: auto; margin: 0; 
	 }	
	 iframe.vidframe2   {
	 	width: 900px; 
		height: 610px;
	}
}

@media screen and (max-width:926px){
     body  {
		width: 100%; max-width: 926px;
		height: auto; margin: 0; 
	 }
}

@media screen and (max-width:915px){
     body  {
		width: 100%; max-width: 915px;
		height: auto; margin: 0; 
	 }
	 iframe.vidframe2   {
	 	width: 880px; 
		height: 590px;
	}
}

@media screen and (max-width:900px){
     body  {
		width: 100%; max-width: 900px;
		height: auto; margin: 0; 
	 }
	
	 table.vidme tr td div.viddiv   {
		border: 3px solid #000; 
		width: 430px; 
		height: 315px;
	}
	iframe.vidframe, img.vidframe   {
		width: 430px; 
		height: 315px;
	}
}

@media screen and (max-width:896px){
     body  {
		width: 100%; max-width: 896px;
		height: auto; margin: 0; 
	 }

	 table.vidme tr td div.viddiv   {
		border: 3px solid #000; 
		width: 428px; 
		height: 315px;
	}
	iframe.vidframe, img.vidframe   {
		width: 428px; 
		height: 315px;
	}
	iframe.vidframe2   {
	 	width: 860px; 
		height: 570px;
	}
}

@media screen and (max-width:883px){
     body  {
		width: 100%; max-width: 883px;
		height: auto; margin: 0; 
	 }
	 iframe.vidframe2   {
	 	width: 800px; 
		height: 510px;
	}
}

@media screen and (max-width:854px){
     body  {
		width: 100%; max-width: 854px;
		height: auto; margin: 0; 
	 }
}

@media screen and (max-width:846px){
     body  {
		width: 100%; max-width: 846px;
		height: auto; margin: 0; 
	 }
	
	 table.vidme tr td div.viddiv   {
		border: 3px solid #000; 
		width: 400px; 
		height: 300px;
	}
	iframe.vidframe, img.vidframe   {
		width: 400px; 
		height: 300px;
	}
}

@media screen and (max-width:844px){
     body  {
		width: 100%; max-width: 844px;
		height: auto; margin: 0; 
	 }
}

@media screen and (max-width:834px){
     body  {
		width: 100%; max-width: 834px;
		height: auto; margin: 0; 
	 }
	
	 table.vidme tr td div.viddiv   {
		border: 3px solid #000; 
		width: 395px; 
		height: 300px;
	}
	iframe.vidframe, img.vidframe   {
		width: 395px; 
		height: 300px;
	}
}

@media screen and (max-width:823px){
     body  {
		width: 100%; max-width: 823px;
		height: auto; margin: 0; 
	 }

	  table.vidme tr td div.viddiv   {
		border: 3px solid #000; 
		width: 390px; 
		height: 300px;
	}
	iframe.vidframe, img.vidframe   {
		width: 390px; 
		height: 300px;
	}
	 iframe.vidframe2   {
	 	width: 750px; 
		height: 460px;
	}
}
	
@media screen and (max-width:812px){
     body  {
		width: 100%; max-width: 812px;
		height: auto; margin: 0; 
	 }
	
	 table.vidme tr td div.viddiv   {
		border: 3px solid #000; 
		width: 385px; 
		height: 235px;
	}
	iframe.vidframe, img.vidframe   {
		width: 385px; 
		height: 235px;
	}
}

@media screen and (max-width:810px){
     body  {
		width: 100%; max-width: 810px;
		height: auto; margin: 0; 
	 }
}
	
@media screen and (max-width:800px){
     body  {
		width: 100%; max-width: 800px;
		height: auto; margin: 0; 
	 }
	
	 table.vidme tr td div.viddiv   {
		border: 3px solid #000; 
		width: 380px; 
		height: 235px;
	}
	iframe.vidframe, img.vidframe   {
		width: 380px; 
		height: 235px;
	}
}

@media screen and (max-width:768px){
    body     {
		  width: 100%; max-width: 768px;
		  height: auto; margin: 0;
    }    
    
	  table.vidme tr td div.viddiv   {
		border: 3px solid #000; 
		width: 360px; 
		height: 215px;
	}
	iframe.vidframe, img.vidframe   {
		width: 360px; 
		height: 215px;
	}
	 iframe.vidframe2   {
	 	width: 700px; 
		height: 400px;
	}
}

@media screen and (max-width:760px){
     body  {
		width: 100%; max-width: 760px;
		height: auto; margin: 0; 
	 }
}

@media screen and (max-width:740px){
    body     {
		  width: 100%; max-width: 740px;
		  height: auto; margin: 0;
    }    
    
	 table.vidme tr td div.viddiv   {
		border: 3px solid #000; 
		width: 350px; 
		height: 215px;
	}
	iframe.vidframe, img.vidframe   {
		width: 350px; 
		height: 215px;
	}
}

@media screen and (max-width:736px){
    body     {
		  width: 100%; max-width: 736px;
		  height: auto; margin: 0;
    }    
    
	 table.vidme tr td div.viddiv   {
		border: 3px solid #000; 
		width: 348px; 
		height: 215px;
	}
	iframe.vidframe, img.vidframe   {
		width: 348px; 
		height: 215px;
	}
}

@media screen and (max-width:732px){
    body     {
		  width: 100%; max-width: 732px;
		  height: auto; margin: 0;
    }    
    
	 table.vidme tr td div.viddiv   {
		border: 3px solid #000; 
		width: 345px; 
		height: 215px;
	}
	iframe.vidframe, img.vidframe   {
		width: 345px; 
		height: 215px;
	}
	 iframe.vidframe2   {
	 	width: 650px; 
		height: 380px;
	}
}

@media screen and (max-width:667px){
    body     {
		  width: 100%; max-width: 667px;
		  height: auto; margin: 0;
    }
    
	table.vidme tr td div.viddiv   {
		border: 3px solid #000; 
		width: 312px; 
		height: 200px;
	}
	iframe.vidframe, img.vidframe   {
		width: 312px; 
		height: 200px;
	}
	 iframe.vidframe2   {
	 	width: 600px; 
		height: 340px;
	}
}

@media screen and (max-width:640px){
    body     {
		  width: 100%; max-width: 640px;
		  height: auto; margin: 0;
    }
   
	 table.vidme tr td div.viddiv   {
		border: 3px solid #000; 
		width: 300px; 
		height: 195px;
	}
	iframe.vidframe, img.vidframe   {
		width: 300px; 
		height: 195px;
	}
}	 
	
@media screen and (max-width:612px){
    body     {
		  width: 100%; max-width: 612px;
		  height: auto; margin: 0;
    }
    iframe.vidframe2   {
	 	width: 550px; 
		height: 310px;
	}
    

}    


@media screen and (max-width:600px){
    body     {
		  width: 100%; max-width: 600px;
		  height: auto; margin: 0;
    }
    
	 table.vidme tr td div.viddiv   {
		border: 3px solid #000; 
		width: 280px; 
		height: 185px;
	}
	iframe.vidframe, img.vidframe   {
		width: 280px; 
		height: 185px;
	}
}

@media screen and (max-width:568px){
    body     {
		  width: 100%; max-width: 568px;
		  height: auto; margin: 0;
    }
   
	 table.vidme tr td div.viddiv   {
		border: 3px solid #000; 
		width: 260px; 
		height: 145px;
	}
	iframe.vidframe, img.vidframe   {
		width: 260px; 
		height: 145px;
	}
	iframe.vidframe2   {
	 	width: 500px; 
		height: 285px;
	}
}

@media screen and (max-width:510px){
    body     {
		  width: 100%; max-width: 510px;
		  height: auto; margin: 0;
    }
    iframe.vidframe2   {
	 	width: 450px; 
		height: 255px;
	}
    
    
}

@media screen and (max-width:480px){
    body     {
		  width: 100%; max-width: 480px;
		  height: auto; margin: 0;
    }
   
	table.vidme   {
		margin-left: 0;
	}
	table.vidme tr td div.viddiv   {
		border: 3px solid #000; 
		width: 225px; 
		height: 145px;
	}
	iframe.vidframe, img.vidframe   {
		width: 225px; 
		height: 145px;
	}	
	iframe.vidframe2   {
	 	width: 400px; 
		height: 235px;
	}
}

@media screen and (max-width:428px){
     body  {
		width: 100%; max-width: 428px;
		height: auto; margin: 0; 
	 }
	 table.vidme tr td div.viddiv   {
		border: none; 
		width: 415px; 
		height: 240px;
		margin-right: 10px;
	
	}
	iframe.vidframe, img.vidframe   {
		width: 415px; 
		height: 240px;
		margin-right: 10px;
	}	

}

@media screen and (max-width:414px){
    body     {
		  width: 100%; max-width: 414px;
		  height: auto; margin: 0;
    }
   
	table.vidme tr td div.viddiv   {
		width: 400px; 
		height: 240px;
		margin-right: 10px;
	}
	iframe.vidframe, img.vidframe   {
		width: 400px; 
		height: 240px;
		margin-right: 10px;
	}
}

@media screen and (max-width:412px){
    body     {
		  width: 100%; max-width: 412px;
		  height: auto; margin: 0;
    }
    table.vidme tr td div.viddiv   {
		width: 398px; 
		height: 220px;
		margin-right: 10px;
	}
	iframe.vidframe, img.vidframe   {
		width: 398px; 
		height: 220px;
		margin-right: 10px;
	}
	iframe.vidframe2   {
	 	width: 350px; 
		height: 200px;
	}
}
    

@media screen and (max-width:390px){
     body  {
		width: 100%; max-width: 390px;
		height: auto; margin: 0; 
	 }
	 
	 table.vidme tr td div.viddiv   {
		width: 376px; 
		height: 220px;
		margin-right: 10px;
	}
	iframe.vidframe, img.vidframe   {
		width: 376px; 
		height: 220px;
		margin-right: 10px;
	}
}

@media screen and (max-width:384px){
    body     {
		  width: 100%; max-width: 384px;
		  height: auto; margin: 0;
    }
  
	table.vidme    {
		margin-left: -5px;
	}
	table.vidme tr td div.viddiv   {
		width: 370px; 
		height: 210px;
	}
	iframe.vidframe, img.vidframe   {
		width: 370px; 
		height: 210px;
	}
}

@media screen and (max-width:380px){
    body     {
		  width: 100%; max-width: 380px;
		  height: auto; margin: 0;
		  background-color: #fff; Padding: 0;
    }
  
    table.vidme tr td div.viddiv   {
		width: 370px; 
		height: 210px;
	}
	iframe.vidframe, img.vidframe   {
		width: 370px; 
		height: 210px;
	}
}

@media screen and (max-width:375px){
    body     {
		  width: 100%; max-width: 375px;
		  height: auto; margin: 0;
		  background-color: #fff;
    }
   
table.vidme tr td div.viddiv   {
		width: 370px; 
		height: 220px;
	}
	iframe.vidframe, img.vidframe   {
		width: 370px; 
		height: 220px;
	}
	table.vidme   {
		margin-left: -10px;	
	}
	iframe.vidframe2   {
	 	width: 300px; 
		height: 175px;
	}
}

@media screen and (max-width:360px){
    body     {
		  width: 100%; max-width: 360px;
		  height: auto; margin: 0;
		  background-color: #fff;
    }
    
	table.vidme tr td div.viddiv   {
		border: 1px solid #000; 
		width: 350px; 
		height: 195px;
	}
	iframe.vidframe, img.vidframe   {
		width: 350px; 
		height: 195px;
	}
	table.vidme   {
		margin-left: -10px;	
	}
}

@media screen and (max-width:320px){
    body     {
		  width: 100%; max-width: 320px;
		  height: auto; margin: 0;
		  background-color: #fff;
    }
    
    table.vidme tr td div.viddiv   {
		border: 1px solid #000; 
		width: 310px; 
		height: 175px;
	}
	iframe.vidframe, img.vidframe   {
		width: 310px; 
		height: 175px;
	}
	.hidearrow  {
		margin-left: 30px;
	}
}