.hero {
	position:relative;
}

.rslides {
	float:left;
	clear:left;
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

	.rslides .text {
		position:absolute;
		bottom:8%;
		width:100%;
	}
	
  .rslides h2 {
	color:#fff;
	text-align: center;
	font-weight:700;
	width:100%;
	font-size:5em;
	font-size:3vw;
	text-shadow:5px 5px 10px rgba(0,0,0,0.3);
  }
  
  .rslides_nav {
	position:absolute;
	width:20%;
	text-align: center;
	top:50%;
	transform: translateY(-50%);
	color:#fff;
	z-index:19;
	font-size:5em;
	text-decoration: none;
	line-height: 1;
	padding:3em 2em;
	font-family: 'Arial', sans-serif;
	opacity:0;
	transition: opacity 0.5s ease-in-out;
  }
  
	.hero:hover .rslides_nav {
		opacity:1;
	}
  
  .rslides_nav:active,
  .rslides_nav:focus{
	border:none;
	outline:0;
  }
  
  .prev {
	left:0;
  }
  
  .next {
	right:0;
  }

.featured {
	padding:5% 0;
	border-bottom: 1px solid #013671; /* d blue */
}

	.featured h3 {
		font-size: 5em;
		margin-bottom:0.5em;
		font-weight:700;
		text-align:center;
		padding:0 5%;
	}

	.carousel {
		width:100%;
	}

		.carousel-cell {
			width:15%;
			margin:0 5%;
			padding:1em 0 1.75em;
			text-decoration:none;
		}

			.carousel-cell img {
				display:block;
			}

			.featured .hover {
				border:2px solid var(--yellow);
				background-color:var(--yellow);
				padding:1em 0.5em;
				width:100%;
				transition: background-color 0.5s ease-in-out;
				margin-top:1em;
			}

			.featured p {
				margin:0;
				line-height:1;
				text-align: center;
				font-weight:Bold;
				color:var(--darkblue)
			}

			.carousel-cell:hover .hover {
				background-color:#fff;
			}

.products {
	padding:5% 0;
	border-bottom: 1px solid #013671; /* d blue */
}

.products .left {
	width:30%;
}

	.products .right > h2 {
		font-size:5em;
		margin-bottom:0.5em;
		font-weight:700;
	}
	
	.products .ybtn {
		margin:1.5em 0 3em 0;
	}

	.twitter {
		border:1px solid #eee;
		margin:0 0 5em 0;
		height:400px;
		max-width:100%;
		overflow-y:auto;
	}

	.products .left .news h4,
	.blue-sub {
		font-size:2em;
		font-weight:Bold;
		margin-bottom:1em;
	}

.main .tests {
	list-style: none;
	padding:0;
	margin:0;
	width:100%;
}

	.tests li {
		border-radius: 0.5em;
		box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
		padding: 1.5rem;
		margin:0;
		width:100%;
		border:1px solid var(--darkblue);
	}

		.tests li p {
			font-size:0.8rem;
			font-style: italic;
		}

		.tests li p.giver {
			font-weight:Bold;
			color:var(--darkblue);
			margin:0;
		}

.products .right {
	width:60%;
}

	.prod {
		border-radius: 0.5em;
		box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
		padding:2em;
		text-decoration: none;
		background-color:#fff;
		transition: background-color 0.5s, color 0.5s,box-shadow 0.5s;
	}

	.grid {
		display: grid;
		grid-template-columns: repeat(3,1fr);
		grid-gap:2em;
		margin-bottom: 5em;
	}
	
		.prod img {
			margin-bottom:1em;
			opacity:1;
			transition: opacity 0.5s ease-in-out;
			width:100%;
		}
		
		.prod h2 {
			font-size: 1.8em;
			font-weight:600;
		}
		
		.prod:hover img {
			opacity:0.5;
		}

.section2 {
	padding:5% 0;
}

	.section2 .left {
		width:40%;
	}
	
	.section2 .right {
		width:52%;
	}
	
		.section2 h1 {
			font-size:5em;
			font-weight:bold;
			margin-bottom:0.5em;
		}
		
		.section2 td h3 {
			font-size:6em;
			margin-bottom:0.2em;
		}
		
		.section2 td {
			padding-right:2em;
			line-height: 1.6;
		}
		
		td {
			vertical-align: top;
		}

.cguide {
	background-color:#63a6ec;
	padding:7.5% 0;
	position:relative;
}
		
.cguidebg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

	.cguide .fade {
		opacity:0.5;
	}

	.cguide .left {
		width:30%;
	}
	
		.cguide .left h2 {
			font-size:5em;
			font-weight:bold;
			margin-bottom:0.5em;
			color:#fff;
		}
	
	.cguide .right {
		width:60%;
	}

	.cguide p {
		color:#fff;
	}
	
		.cropg {
			float:left;
			width:31.333333333%;
			margin:0 3% 3% 0;
			border:2px solid #fad601; /* yellow */
			padding:3.5%;
			color:#fad601; /* yellow */
			text-decoration: none;
			text-align: center;
			transition:background-color 0.5s ease-in-out;
		}
		
			.cropg img {
				margin:0 auto 1.5em auto;
				display:block;
			}
		
			.cropg h3 {
				color:#fad601; /* yellow */
				text-align: center;
				width:100%;
				font-size:1.3em;
				font-weight:500;
			}
			
			.cropg:hover {
				background-color:rgba(255,255,255,0.2);
			}

			.cguide p a,
			.cguide li a {
				color:var(--yellow);
			}
		
		.cropg:nth-of-type(3n){
			margin-right:0;
		}

.upcoming {
	padding:5% 0;
	border-bottom: 1px solid #013671; /* d blue */
}

	.upcoming h3 {
		font-size: 5em;
		margin-bottom:0.5em;
		font-weight:700;
		text-align:center;
		padding:0 5%;
		margin-bottom:1em;
	}

	.show > img {
		border:1px solid #eee;
	}

	.show {
		display:grid;
		grid-template-columns: 1fr 1.5fr;
		grid-gap:5em;
	}

		.show h4 {
			font-size:5em;
			font-weight:700;
			color:var(--darkblue);
			margin-bottom:0.25em;
		}

		.show .date {
			float:left;
			color:var(--darkblue);
			background-color:var(--yellow);
			padding:0.25em 1em;
			font-size:1.2em;
			font-weight:700;
		}

		.countdown {
			float:left;
			cleaR:left;
		}

			.countdown img {
				float:left;
				height:5em;
			}

			.countdown p {
				margin:0;
				text-align: center;
			}

			.countdown .num {
				font-size: 5em;
				font-weight:700;
				line-height: 0.95;
				color:var(--darkblue);
				margin:0 0 0 0.25em;
				clear:none;
				float:left;
				width:max-content;
			}

			.countdown .togo {
				clear:left;
				text-transform: uppercase;
				color:var(--darkblue);
			}


		

.logos {
	text-align: center;
	padding:5%;
}

	.logos img {
		display:inline-block;
		margin:0 3em;
		height:80px;
		width:auto;
	}

@media screen and (max-width:1199px){
	.rslides_nav {
		font-size:4vw;
		padding:2em;
	}
		
		.prod h2 {
			font-size:1.5em;
		}
}

@media screen and (max-width:799px){
	.products .left,
	.products .right {
		width:100%;
	}

	.products .right {
		margin-bottom:5%;
	}

	.prod {
		padding:1em;
	}

	.ybtn {
		margin-bottom:2em;
	}

	.section2 .left,
	.section2 .right,
	.cguide .left,
	.cguide .right {
		width:100%;
	}

		.section2 .left img {
			width:100%;
			margin-bottom:2em;
		}

		.section2 h1 {
			font-size:3em;
			margin-bottom:0;
		}

		.section2 td h3 {
			font-size:4em;
		}
	
	.featured h3 {
		font-size:3em;
	}

	.carousel-cell {
		width:20%;
	}

	.upcoming .show {
		grid-template-columns: 1fr;
		grid-gap:3em;
	}

	.upcoming h3 {
		text-align:left;
	}
		.upcoming .text h4 {
			font-size: 3em;
		}
}

@media screen and (max-width:549px){
	.products .grid,
	.cguide .right {
		display:grid;
		grid-template-columns: repeat(2,1fr);
		grid-gap:1em;
	}

	.prod,
	.cropg {
		width:100%;
		margin:0;
	}

	.section2 .right {
		overflow-x:scroll;
	}

	.carousel-cell {
		width:40%;
	}
}

@media screen and (max-width:349px){
	.products .grid,
	.cguide .right {
		grid-template-columns: repeat(1,1fr);
	}
}