.land_logo{
	width: 450px;
	margin-bottom: 20px;
}

.landing_wrap{
	position: relative;
	top: 20%;
	top: 10vh;
	left: 5%;
	width: 680px;
	-moz-transform: skewX(0deg) skewY(-2deg);
	  -webkit-transform: skewX(0deg) skewY(-2deg);
	  -o-transform: skewX(0deg) skewY(-2deg);
	  -ms-transform: skewX(0deg) skewY(-2deg);
	  transform: skewX(0deg) skewY(-2deg);
}
	.landing_wrap .landing_wrap_inner{
		position: relative;
		background: rgba(255,255,255,.85);
		-webkit-box-shadow: 0 2px 20px -5px rgba(0,0,0,.05);
		box-shadow: 0 2px 20px -5px rgba(0,0,0,.05);
		height: 140px;
		width: 100%;
		padding: 20px;
		display: inline-block;
		vertical-align: middle;

		/*-moz-transform: skewX(0deg) skewY(-2deg);
	  -webkit-transform: skewX(0deg) skewY(-2deg);
	  -o-transform: skewX(0deg) skewY(-2deg);
	  -ms-transform: skewX(0deg) skewY(-2deg);
	  transform: skewX(0deg) skewY(-2deg);*/
	}

.landing_text{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;	
	padding: 10px 170px 10px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
}

	.landing_text .section_title, 
	.landing_text .section_sub_title{
		text-align: left !important;
		margin-top: 0;
	}
	.landing_text .section_sub_title{
		font-size: 24px;
	}
.landing_button, .landing_button2{
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 0;
	right: 0;
	padding: 20px 0px;
	background: #28a4b3;
	height: 100%;
	width: 150px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    padding-top: 80px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
	.landing_button:hover{
		background: #28b2bc;
	}

.landing_button2{
    background: #ec008c;
    right: -150px;
    padding: 0;
    display: table;
}
	.landing_button2 span{
	   display: table-cell;
		vertical-align: middle;
		font-weight: 600;
	}
	.landing_button2:hover{
		background: #ec58b0;
	}



video#bgvid { 
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-size: cover;
}

/* =============================================================================
   Benefits
   ========================================================================== */
.benefits_item{
	padding: 40px 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
	.benefits_item:hover{
		background: rgba(255,255,255, .2);
	}

.benefits_title{
	text-align: center;
	letter-spacing: 0px;
	font-weight: 500;
	font-family: 'Cocogoose', 'Montserrat Alternates', sans-serif;
}
.benefits_subtitle_wrap{
	width: 75%;
	margin: auto;
	display: block;
	height: 100px;
}

/* =============================================================================
   We Do
   ========================================================================== */
.we_do_wrap{
	position: absolute;
	top: 50px;
	right: 10%;
	max-width: 500px;
}



.programs_highlights_wrap{
   padding: 12px 60px; 
   -webkit-box-sizing: border-box; 
   -moz-box-sizing: border-box; 
   box-sizing: border-box;
}

/* =============================================================================
   ----------/////////  MEDIA QUERRIES  /////////------------
   ========================================================================== */
@media screen and (max-width: 1600px) {
	.we_do_wrap{
		right: 0%;
	}
}
@media screen and (max-width: 1400px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 979px) {
	.land_logo{
		width: 350px;
	}
	.landing_wrap{
		height: 180px;
		padding: 20px;
		left: 2%;
		width: 480px;
	}
	.we_do_wrap{
		position: relative;
		margin-bottom: 500px;
		max-width: 100%;
	}
	.landing_wrap .landing_wrap_inner{
		height: 180px;
	}
	.landing_button {
	    padding-top: 100px;
	}
}
@media screen and (max-width: 859px) {
	.programs_highlights_wrap{
      padding: 12px 0px; 
   }
   .programs_highlights_wrap .section_title{
      font-size: 16px;
   }
}
@media screen and (max-width: 767px) {
	.landing_wrap{
		top: 15vh;
	}
	.landing_text {
	    padding: 10px 20px;
	}
	.landing_button, .landing_button2{
		top: 190px;
		left: 0;
		height: 100px;
		width: 260px;    
	}
	.landing_button{
	    padding-top: 42px;
	}
	.landing_button2{
	    left: 260px;
	}
	.benefits_subtitle_wrap{
		height: 80px;
	}
	.benefits_item{
		padding: 20px 0;
	}
}
@media screen and (max-width: 640px) {
	.landing_wrap{
		width: 400px;
	}
	.landing_button, .landing_button2{
		top: 170px;
		left: 0;
		height: 100px;
		width: 220px;    
	}
	.landing_button{
	    padding-top: 42px;
	}
	.landing_button2{
	    left: 220px;
	}
	.landing_text .section_sub_title{
		font-size: 20px;
	}
}
@media screen and (max-width: 479px) {
	.we_do_wrap{
		margin-bottom: 350px;
	}
	.landing_wrap{
		width: 240px;
	}
	.landing_text .section_sub_title{
		font-size: 16px;
	}
	.landing_button, .landing_button2{
		height: 80px;
		width: 140px;
		font-size: 12px;    
	}
	.landing_button{
	    padding-top: 35px;
	}
	.landing_button2{
	    left: 140px;
	}
}
@media screen and (max-width: 413px) {}
@media screen and (max-width: 330px) {}