* {
  margin: 0;
  padding: 0;
  border: none;
  font-family: Arial, sans-serif;
}


h1 {
  font-family: "Veneer", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: normal;
	
}


h3{
  color:white;
}


p {
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 26px;
 	color:white;
}


body {
  font-size: 14px;
	background-image: url("../img/GREEN_BG.jpg");
	width: 100%;
	height: 100%;
	}

.video-background-holder {
  position: relative;
  background-color: black;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.video-background-holder:before {
	content: '';
    background:hsla(80,15%,40%,0.5);
    width: 100%;
    height: 200%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
}

.video-background-holder video {
object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.video-background-content {
  position: relative;
  z-index: 2;
}

.video-background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color:#000D1D;
  opacity: 0.5;
  z-index: 1;
}

.front-img {
	margin-top: 220px;
	width: 75%;
	height: 75%;
}



.btn-language {
  background-color: hsla(0,0%,0%,0.00);
  border: 3px solid hsla(0,0%,100%,1.00);
  color: white;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
	width: 90%;
}

#marginTop1 {
	margin-top: 150px;
	position: relative;
	z-index: 1;
	}

#marginLanguages {
	margin-top: 150px;
	margin-bottom: 100px;
	}



.vimeo-wrapper {
  position: relative;
	margin-top: 40px;
  padding-bottom: 47%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
	margin-bottom: 100px;
	}

.vimeo-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	
	}

.btn-dark {
	background-color: hsla(99,28%,24%,1.00) !important;
	}

p a:link.pressKit {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin-top: -10px;
	}

a {
	color: #FFFFFF;
	}

span {
	display: inline-block;
	text-align: center;
	
}

.socialIcons {
	margin-top: 0px;
	margin-bottom: 75px;
	}

a.socialButton:hover {
	color: hsla(99,28%,24%,1.00) !important;
	
	}

.textP {
	text-align: center;
	color:white;
	margin-bottom: 100px;
	}

.textB{
	color:white;
	}

.text {
	text-align: center;
	color:white;
	margin-bottom: 100px;
	}

.endImg{
	position: relative;
  	text-align: center;
  	color: white;
	}

.endImgcenterBottom{
	position: absolute;
	bottom: 8px;
	}

.centeredEndText {
  position: absolute;
  right: 18px;
  bottom: 10px;
  transform: translate(-50%, -50%);
}

.containerHome{
	position: absolute; 
	top: 30px;
	left: 40px; 
	pointer-events: none; 
	z-index: 10;
	}

.buttonHome{
	pointer-events:visible; 
	font-size: 40px; 
	color:hsla(79,63%,15%,1.00); 
	z-index: 11
	}

.containerHome{
	position: absolute; 
	top: 30px;
	left: 40px; 
	pointer-events: none; 
	z-index: 199;
	}

.buttonBD{
	pointer-events:visible; 
	font-size: 40px; 
	color:hsla(79,63%,15%,1.00); 
	z-index: 200
	}

.footerLine{
	position: absolute; 
	margin-top: 100px; 
	width: 100%;
	}

.footerLineText{
	font-size: 20px;
	}


@media screen and (max-width: 1440px){
	.front-img {
	margin-top: 120px;
	width: 50%;
	height: 50%;
}
	.containerHome{
	position: absolute; 
	top: 30px;
	left: 20px; 
	pointer-events: none; 
	z-index: 10;
	}

.buttonHome{
	pointer-events:visible; 
	font-size: 25px; 
	color:hsla(79,63%,15%,1.00); 
	z-index: 11
	}

}

@media screen and (max-width: 768px){
	.textP {
	text-align: left;
	color:white;
	margin-bottom: 100px;
	font-size: 20px;
	}
	
	p {
	font-family: "Roboto", sans-serif;
	font-weight: 100;
	font-size: 20px;
 	color:white;
		}
	
	.vimeo-wrapper{ 
	 position: relative;
	margin-top: 40px;
  padding-bottom: 47%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
	margin-bottom: 50px;
	}
	
	.front-img {
	margin-top: 150px;
	width: 75%;
	height: 75%;
	}
	
	.containerHome{
	position: absolute; 
	top: 30px;
	left: 10px; 
	pointer-events: none; 
	z-index: 10;
	}

.buttonHome{
	pointer-events:visible; 
	font-size: 20px; 
	color:hsla(79,63%,15%,1.00); 
	z-index: 11
	}
	
	.footerLine{
	position: absolute; 
	margin-top: 150px; 
	width: 100%;
	}

.footerLineText{
	font-size: 12px;
	}
}