html{
width: 100%;
height: 100%;
overflow-y: scroll;
background-color: white;
}
html, body{
margin:0; 
padding:0; 
font-family: 'Muli', sans-serif;
font-weight: 300;
font-size: calc(10px + 0.6vw);
line-height: 160%;
color: #303030;
height: 100%;
min-width: 100%;
-webkit-text-size-adjust:100%;
background-color: white;
}
a{
	font-weight: bold;
	text-decoration: none;
	color: #00b3ff;
}
a:hover{
	color: black;
}
.left{
	float: left;
}
.right{
	float: right;
}
.center{
	text-align: center;
}
b,strong{
	font-weight: 900;
}
.clr{
	clear: both;
}
.logo{
	display: table-cell;
	vertical-align: middle;
	height: 80px;	
}

.menu{
	display: block;
	background-color: rgba(0,0,0,0.7);
	width: 100%;
	height: 80px;
	position: fixed;
	z-index: 9999;
}
.menu ul li,.menu ul{
	display: table-cell;
	vertical-align: middle;
 	list-style: none;
	padding: 0px;
	margin: 0px;
	height: 80px;
}
.menu a, .logo img{
	color: white;
	text-decoration: none;
	padding: 0vw 3vw;
}
.response .logo{
	overflow: hidden;
}
.response .logo img{
	margin-right: -250px;
}
.menu a:hover{
	color: #00b3ff;
}
.banner{
position: relative;
background-image: url(../images/banner.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding-top: calc(30% + 80px);
}
.banner .banner_inside{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
		margin-top: -30%;
}
.banner div.text_tab{
	display: table;
	position: absolute;
	height: calc(100% - 80px);
}
.banner div.text_row{
	display: table-row;
}
.banner div.text_cell{
	display: table-cell;
	vertical-align: middle;
}
.banner div.text{
	display: block;
	margin: 0vw 7vw;
	padding: 2vw;
	margin-right: 40vw;
	font-size: 1.7vw;
	line-height: normal;
	color: black;
	background-color: rgba(255,255,255,0.7);
}
.response .banner div.text{
	margin: 3vw;
	font-size: 3vw;
}
.content_page{
	display: block;
	margin: 0vw 10vw;	
}
.content{
	padding: 2%;
	width: 46%;
}
.content img{
	width: 100%;
}
.response .content.left, .response .content.right{
	width: 96%;
	float: none;
}

h1, h2{
	color: #00b3ff;
	font-weight: 900;
}
.gray{
	background-color: gray;
}
.gray h1,.footer h1{
	color: white;
	padding: 1vw;
	margin: 0px;
}

.footer{
	background-color: #00b3ff;
	color: white;
}
.footer a{
	color: black;
	text-decoration: none;
}
.footer a:hover{
	color: white;
}

.footer img.icon{
	width: auto;
	vertical-align: middle;
}
.contact_form table, .contact_form input, .contact_form textarea{
	width: 100%;

padding: 0vw 0.5vw;
border: none;
}
.contact_form input, .contact_form textarea{
	font-family: 'Muli', sans-serif;
font-weight: 300;
font-size: calc(10px + 0.6vw);
line-height: 160%;
color: gray;
}

.contact_form table td{
	padding: 0.1vw;
}
.text_right{
	text-align: right;
}
button{
	padding: 10px 25px;
color: white;
font-weight: 300;
font-size: calc(10px + 0.6vw);
	border: none;
	margin-top: 18px;
	cursor: pointer;
	background-color: black;
}
button:hover{
color: #00b3ff;
	background-color: white;
}
.copyright{
	font-size: calc(8px + 0.3vw);	
}