.hpLogo
{
	margin-top:30px;
	margin-left:10px;
	max-width:100%;
}
.hpBanner
{

	position:relative;
	width:100%;  min-height:85vh; 
	margin-bottom:2vh;
}
.hpBanner h1
{
	font-family:"Roboto Slab";
	margin-top:15vh;
	font-size:18px;
	font-style:normal;
	font-weight:normal;

	color:#FFF;
	text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
	
}
.hpBanner h2
{
	display:inline-block;
	background-color:#22475c;
	padding:5px;
	margin-top:0px;
	font-size:25px;
	font-family:"Roboto Slab";	
	font-weight:300;

	color:#FFF;

	
}
.hpBanner h2 a
{
	color:#FFF;
}
.hpBanner ul
{
	padding:0px;
	margin:0px;
	list-style-type:none;
	
}
.hpBanner ul li

{

		font-family:"Roboto Slab";
		font-weight:300;
		font-size:14px;
	text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
	color:#FFF;
}
.hpBanner ul li:before
{
	display:inline-block;
	vertical-align:middle;
	content:url(/image/homeOpsom.png);
	margin-right:10px;
}


a.kortingsBon
{
	font-size:18px;
	font-family:"Roboto";
	font-weight:300;
	padding:20px;
	background-color:#6f9c3a;
	color:#FFF;
	display:inline-block;
	margin-top:50px;
}

.homeTopBar
{
	z-index:99;
	
	width:100%;
	border:none;
	border-radius:0px;

	top:0px;
	background-color:#FFF;
	min-height:155px;
	height:10vh;
	border-bottom:30px solid #377595; 
	margin-bottom:0px;
	
}

.homeTopBar .navbar-collapse
{

	z-index:9999999;
	margin-top:60px
	
}
.homeTopBar ul.nav li a
{
	padding:10px;

	font-size:16px;
	font-weight:300;

}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 

.homeTopBar ul.nav li a
{
	text-align:left;
}
 }
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 

.homeTopBar ul.nav li a
{
	padding:15px;

}

.hpBanner h1
{
	font-size:25px;
}
.hpBanner h2
{
	font-size:50px;
}
.hpBanner ul li
{
	font-size:18px;
}
 }

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) { 

.hpBanner h1
{
	font-size:35px;
}
.hpBanner h2
{
	font-size:60px;
}
.hpBanner ul li
{
	font-size:23px;
}
 }