:root
		{
			--transition_in: 3.0s;
			--transition_out: 3.0s;
		}
	  
		@media screen and (min-width: 0px) and (max-width: 400px) 
		{
			#slider
			{
				display: "none";
			}
		}
		
		/*
		html,
		body 
		{
			width: 100%;
			height: 100%;
			margin: 0;
			padding: 0;
			font-family: "Helvetica", sans-serif;
		}
		*/
		img 
		{
			max-width: 100%;
		}
		
		.slider-container 
		{
			height: 380px;
			width: 650px;
			position: relative;
			overflow: hidden;
			text-align: center;
			background-color: #6987D5;
			border-width:10px;  
			border-style:ridge;
			border-color: #6987D5;
		}
		
		.menu 
		{
			position: absolute;
			left: 0;
			z-index: 900;
			width: 100%;
			bottom: 0;
		}
      
		.menu label 
		{
			cursor: pointer;
			display: inline-block;
			width: 16px;
			height: 16px;
			background: #fff;
			border-radius: 50px;
			margin: 0 0.2em 1em;
		}
		
		.menu label:hover,
		.menu label:focus 
		{
			background: #1c87c9;
		}
      
		.slide 
		{
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 100%;
			z-index: 10;
			padding: 8em 1em 0;
			background-size: cover;
			background-position: 50% 50%;
			//transition: left 0s 0.75s;
			transition: left  var(--transition_in) ease;
		}
		
		[id^="slide"]:checked + .slide 
		{
			left: 0;
			z-index: 100;
			//transition: left 0.65s ease-out;
			transition: left var(--transition_out) ease;
		}
		
		/*RUSS Slides*/
		.slide-1 
		{
			background-image: url("../images/russ/russ1.webp");
		}
		
		.slide-2 
		{
			background-image: url("../images/russ/russ2.webp");
		}
		
		.slide-3 
		{
			background-image: url("../images/russ/russ3.webp");
		}
		
		.slide-4 
		{
			background-image: url("../images/russ/russ4.webp");
		}
		
		.slide-5 
		{
			background-image: url("../images/russ/russ5.webp");
		}
		
		.slide-6 
		{
			background-image: url("../images/russ/russ6.webp");
		}
		
		.slide-7 
		{
			background-image: url("../images/russ/russ7.webp");
		}
		
		/*Repeater Slides*/
		.slide-8
		{
			background-image: url("../images/repeater/repeater1.webp");
		}
		
		.slide-9 
		{
			background-image: url("../images/repeater/repeater2.webp");
		}
		
		.slide-10 
		{
			background-image: url("../images/repeater/repeater3.webp");
		}
		
		.slide-11 
		{
			background-image: url("../images/repeater/repeater4.webp");
		}
		
		.slide-12
		{
			background-image: url("../images/repeater/repeater5.webp");
		}
		
		.slide-13
		{
			background-image: url("../images/repeater/repeater6.webp");
		}
		
		.slide-14
		{
			background-image: url("../images/repeater/repeater7.webp");
		}
		
		.slide-15
		{
			background-image: url("../images/repeater/repeater8.webp");
		}