@font-face {
    font-family: 'proxima_novaregular';
    src: url('../fonts/proximanova-regular-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	color: #01204c; 
	font-size: 16px;
	font-family: 'proxima_novaregular';
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	 outline: 0px !important; font-weight:normal;
	 
}
html{height:100%;}

img{
	display: block;
	max-width: 100%;
}
*{ box-sizing:border-box; padding: 0; margin: 0;}

a { 
	text-decoration: none; 
	outline: 0;
	-webkit-transform: translateZ(0);
	-webkit-transition:0.2s color linear;
		-moz-transition:0.2s color linear;
			transition:0.2s color linear;
}
:hover {  transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;}
 
.main-container{width:100%; float:left; margin:0px; padding:0px;}
.container {max-width: 1000px; margin:0 auto; padding:0px; }



.top-content{
	max-width: 1000px;
	margin:  0 auto;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 10;
	top: 0;
	padding-top: 10px;
}
.top-content ul{
	text-align: right;
}
.top-content ul li{
	padding-right: 15px;
	vertical-align: middle;
	display: inline-flex;
}
.top-content ul li a{
	color: #FFF;
}
.top-content ul li a:hover{
	text-decoration:underline;
}


 #myVideo {
   width: 100%; 
  height: 100%;
  max-height:100%;
  max-width:100%;
  object-fit: cover;
}
.content-wrap{
  max-width: 700px;

}
.main-wrap{
	position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-width: 1000px;
  width: 100%;
  left: 0;
  right: 0;
  margin:  0 auto;
}

.logo img{
	height: 108px;
	display: block;
	width: auto;
	margin-bottom: 30px;
}
.content-wrap p{
	color: #FFF;
	font-size: 20px;
	line-height: 33px;
	padding-bottom: 40px;
}
.content-wrap p.tag-line{
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1px;
	padding-bottom: 20px;
}
.content-wrap h1{
	color: #FFF;
	font-size: 60px;
	line-height: 65px;
	padding-bottom: 30px;
}
.content-wrap .btn-wrap a{
	padding: 15px 20px;
	color: #000;
	background-color: #ffffff;
	text-transform: uppercase;
	margin-right: 22px;
}
.content-wrap .btn-wrap a:hover{
	
	color: #fff;
	background-color: #7e754c;
	
}
.content-wrap .btn-wrap a.contact-btn{
	background-color: #7e754c;
	color: #FFF;
}
.content-wrap .btn-wrap a.contact-btn:hover{
	background-color: #ffffff;
	color: #000;
}

@media only screen and (max-width: 1200px) {
	.main-wrap{

	}
  .logo img{
		height: 50px;
	}
	.content-wrap{
		padding: 30px;
	}
	.content-wrap h1{
		font-size: 40px;
	}
}
@media only screen and (max-width: 767px) {
	.logo img{
		margin-top: 20px;
	}
	.top-content ul{
		text-align: center;
	}
	.content-wrap h1{
		font-size: 30px;
		line-height: 34px;
		padding-bottom: 10px;
	}
	.content-wrap p{
		font-size: 16px;
		line-height: 20px;
	}
	.content-wrap .btn-wrap a{
		display: block;
		margin-bottom: 15px;
	}
}