@font-face {
	font-family: 'Sailec-Bold';
	src: url('fonts/369A3A_0_0.eot');
	src: url('fonts/369A3A_0_0.eot?#iefix') format('embedded-opentype'),
		url('fonts/369A3A_0_0.woff2') format('woff2'),
		url('fonts/369A3A_0_0.woff') format('woff'),
		url('fonts/369A3A_0_0.ttf') format('truetype');
}
 
	
	
@media only screen and (min-width: 400px) {
	
	
#wrap {
	position:absolute;
	text-align:center;
	width: 800px;
	margin:0 auto;
	top: 50%;
    left: 50%;
    margin-left: -400px;
    margin-top: -175px;
    }
	
	h1 {
		font-family:'Sailec-Bold';
		color:black;
		font-size: 90px;
		font-weight:400;
		font-style: normal;
		letter-spacing: 0.2px;
		}

	a {
		font-family:'Sailec-Bold';
		color:black;
		font-size: 20px;
		font-weight:300;
		font-style: normal;
		letter-spacing: 0.2px;
		}
	
	ul {
		float:left;	
		}
	
		ul li{
			list-style: none;
			}
	
		ul li a{
			text-decoration: none;
			}
	
	
	footer {
		width: 1200px;
		margin:0 auto;
		}
	
	.col-1 {
		position: fixed;
		bottom: 60px;
		left:20%;
		}
	
		.col-2 {
		position: fixed;
		bottom: 60px;
		right:20%;
		}
	
			.col-1 a{

			}
	
			.col-2 a{
				right:0px;
				}
		
	#video_background { 
	position: absolute; 
	bottom: 0px; 
	right: 0px; 
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto; 
	z-index: -1000; 
	overflow: hidden; 
	}
	
#video_pattern { 
	background:#fff; 
	position: fixed; 
	opacity: 0.8; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%; 
	z-index: 1; 
	}			

}

@media only screen and (max-width: 800px){
     h1 {
		font-size: 40px;
		}

	a {
		font-size: 18px;
	}
	
    }		
	
		
@media only screen and (max-width: 400px){
     h1 {
		font-size: 30px;
		}

	a {
		font-size: 18px;
	}
	
    }