/* CSS Document */
@media only screen and (max-width: 1889.98px) {}
@media only screen and (max-width: 1199.98px) {}
@media only screen and (max-width: 991.98px) {}
@media only screen and (max-width: 767.98px) {}
@media only screen and (max-width: 575px) { }


html, body{
	overflow-y: auto;
	overflow-x: auto;
	overflow: auto;
}

@media only screen and (max-width: 767.98px) { 
	html, body{
		font-size: 16px;
		line-height: 26px;
	}
}


.ecodome-logo-welkom {
	width: 300px;
	margin: auto auto 60px;
	left: auto;
	top: 0px;
	position: relative;
	display: block;
}

@media only screen and (max-width: 1199.98px) {
	
	.ecodome-logo-welkom {
		width: 240px;
		margin: auto auto 60px 5%;
	}
	
}

@media only screen and (max-width: 767.98px) {
	
	.ecodome-logo-welkom {
		margin: auto auto 60px;
	}
	
}

.container {
	margin: 60px auto 40px;
	min-height: auto;
	height: 100%;
	max-width: 900px;
}

@media only screen and (max-width: 767.98px) {
	
	.container {
		margin: 160px auto 40px;
	}
	
}

@media only screen and (max-width: 767.98px) {
	.navigatie-top{
		right: auto;
    	width: 100%;
		text-align: center;
	}
	
	.btn-nav {
		font-size: 12px;
		margin: 0px 6px;
	}
	
	.melding{
		max-width: 86%;
		margin-left: 5%;
		float: none;
		padding: 5px 2%;
	}
	
}


.panel{
	position: relative;
	margin: auto;
	left: 0%;
	top: auto;
	width: 90%;
}

.panel-inner {
  padding: 50px 50px 60px;
}

.panel h1{
	margin-bottom: 40px;
	font-size: 28px;
}

.panel h3{
	margin: 0px 0px 10px;
	color:#FF6407;
}

.panel .btn{
	display: block;
	margin-bottom: 6px;
}

@media only screen and (max-width: 991.98px) { 
	.panel .btn{
		font-size: 16px;
		padding: 10px 20px;
	}
}

@media only screen and (max-width: 767.98px) { 
	.panel .btn{
		font-size: 14px;
	}
}



.contact-column{
	width: 48%;
	margin-right: 2%;
	float: left;
}

@media only screen and (max-width: 575px) { 

	.contact-column{
		width: 100%;
		margin-right: 0%;
		float: none;
	}

}

input[type=submit]{
	padding: 12px 0px;
	width: 100%;
	font-weight: 700;
	border-radius: 30px;
	text-decoration: none;
	background: #FFF;
	border: 3px solid #1D4688;
	color: #1D4688;
	cursor: pointer;
	font-size: 16px;
	transition: 0.2s;
	margin-top:10px;
}

input[type=submit]:hover{
	background: #FF882B;
	border: 3px solid #FF882B;
	color: #FFF;
}


input[type=text], input[type=email], textarea{
	border: 2px solid #CCC;
	border-radius: 10px;
	padding: 12px 2%;
	margin-bottom: 10px;
	display: block;
	width: 96%;
	color: #1D4688;
	font-family: "Open Sans Typekit";
	font-size: 14px;
}

input[type=submit]:focus, input[type=text]:focus, input[type=email]:focus, textarea:focus{
	outline: 3px solid #FF6407;
    box-shadow: 0 4px 4px #CCC;
}