/* 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 5%;
	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: 1200px;
}

@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 40px;
}

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

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

.panel .btn{
	display: inline-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;
	}
}

.welkom-tekst {
	width: 60%;
}

@media only screen and (max-width: 575px) {
	.welkom-tekst {
		width: 100%;
	}
}

.mascotte-welkom {
	width: 36%;
	bottom: -50px;
	right: -50px;
}

@media only screen and (max-width: 991.98px) {
	.mascotte-welkom {
		width: 45%;
		bottom: -57px;
		right: -30px;
	}
}

@media only screen and (max-width: 575px) {
	.mascotte-welkom {
		width: 41%;
		bottom: -13px;
		right: -20px;
	}
}


.kennisbank-cat-blokje{
	float: left;
	width: 28%;
	margin-right: 1.6%;
	padding:20px 2% 28px;
	border:1px solid #CCC;
	border-radius: 20px;
	transition: 0.2s;
	text-decoration: none;
	min-height: 160px;
	background: #FFF;
	margin-bottom: 20px;
}

@media only screen and (max-width: 991.98px) {
	
	.kennisbank-cat-blokje{
		width: 92%;
		margin-right: 0px;
		padding:20px 4% 28px;
		min-height: auto;
	}
}

.kennisbank-cat-blokje.last{
	margin-right: 0px;
}

.kennisbank-cat-blokje:hover,
.kennisbank-vraag:hover{
	border: 1px solid #FF6407;
    box-shadow: 0 4px 10px #CCC;
	transform: scale(1.05);
}

.kennisbank-cat-blokje h4,
.kennisbank-cat-blokje p{
	margin:0px;	
}


.kennisbank-vraag{
	width: 96%;
	display: block;
	padding:20px 2% 22px;
	border:1px solid #CCC;
	border-radius: 20px;
	transition: 0.2s;
	text-decoration: none;
	background: #FFF;
	margin-bottom: 10px;
}

.kennisbank-vraag .fa-info-circle{
	color:#0082C5;	
	margin-right: 20px;
}

.kennisbank-vraag .fa-chevron-right{
	color:#0082C5;	
	float:right;
	margin:5px 10px 0px 0px;
}

@media only screen and (max-width: 991.98px) {
	
	.kennisbank-vraag{
		width: 92%;
		padding:20px 4% 28px;
	}
	
	.kennisbank-vraag .fa-info-circle{
		display: none;
	}

}