html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

	body {
		padding:0;
		margin:0;
		color:#fff;
/*		font-family: 'PT Sans', sans-serif;*/
		font-family: 'Work Sans', sans-serif;
		font-size:18px;
		line-height:130%;
		background-image: url(/images/bg.jpg); 
		background-repeat: no-repeat; 
		background-size: cover;
		background-attachment: fixed;
}

a {
    cursor:pointer;
}
	.header {
		position:absolute;
		margin:auto;
		margin-left:50%;
		transform: translateX(-50%);
	}
	
	p {
		margin:0;
		font-family: 'Work Sans', sans-serif;
		font-weight: 300;
		font-size:20px;
		line-height:140%;
	}
	
	h1 {
		text-align:center;
		font-family: 'Work Sans', sans-serif;
		font-weight:300;
		text-transform:uppercase;
		color:#9cc767;
		font-size:60px;
		margin-bottom:0px;
		margin-top:50px;
		line-height:55px;
	}
	
	h2 {
		text-align:center;
		font-weight:300;
		text-transform:uppercase;
		color:#9cc767;
		font-size:36px; 
		margin-bottom:50px;
	}
	

	
	h3 {
		text-align:center;
		font-weight:300;
		text-transform:uppercase;
		color:#9cc767;
		font-size:24px; 
		margin-bottom:50px;
	}
	
	h3.sectionheader {
		font-size:24px;

	}
	
	@media screen and (min-width: 768px) { 
	h3.sectionheader {
		font-size:36px;
	}
	}
	
	h4 {
		text-align:center;
		font-weight:300;
		color:#fff;
		font-size:18px; 
		margin-bottom:25px;
	}
	
		h5 {
		text-align:left;
		font-weight:500;
		color:#fff;
		font-size:24px; 
		margin-bottom:20px;
	}
	
	hr{
  border-top: 3px solid white;
  margin: 40px 0;
}
iframe {
max-width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	
}

/* Slider */
.productslider {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height:700px;
	max-height: 50vh;
	margin-bottom:80px;
	
}
.my-slider {
	margin-top: 18vh;
}
	.my-slider img {
	 width:275px;	
}	

@media screen and (min-width: 768px) { 
	.my-slider img {
	 	width:250px;	
	}
}
@media screen and (min-width: 1200px) { 
	.my-slider img {
 		width:325px;	
	}	
}

/* Products */

.productcontainer {
	padding-top:150px;
}



.productrow .product {
	width:300px;
	text-align: center;
	margin-bottom:25px;
}

video {
  /* override other styles to make responsive */
  width: 100%    !important;
  height: auto   !important;
}