/*
* Houdoe V1.0
* Copyright 2018, Hans Vorstenbosch
* www.houdoe.nl
* => Use this file for your own changes
*/

body {
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
}

.profielfoto {
	background-image:url("../img/profielfoto.jpg");
	min-height:700px;
	background-size:cover;
}

.thuiskapper {
	padding: 40px 40px 40px 30px;
	background-color: #fff;
}

/* Correctie voor grote schermen*/
@media (min-width: 550px) {
.thuiskapper {
	padding: 120px 40px 80px 20px;
}
	
h1 {
	font-size: 2.5em;
	font-weight: 100;
	margin: 0 0 15px 0;
	padding-top: 5px;
	line-height: 1.3;
    letter-spacing: 1px;
}}

h2 {
	font-size: 1.5em;
	font-weight: 100;
	color:#fff;
	padding: 0 0 10px 0;
    letter-spacing: 1px;
}

.button.button-custom,
button.button-custom,
input[type="submit"].button-custom,
input[type="reset"].button-custom,
input[type="button"].button-custom {
  color: #FFF;
  background-color: #3399cc;
  border-color: #3399cc; }
.button.button-custom:hover,
button.button-custom:hover,
input[type="submit"].button-custom:hover,
input[type="reset"].button-custom:hover,
input[type="button"].button-custom:hover,
.button.button-custom:focus,
button.button-custom:focus,
input[type="submit"].button-custom:focus,
input[type="reset"].button-custom:focus,
input[type="button"].button-custom:focus {
  color: #FFF;
  background-color: #26ace2;
  border-color: #26ace2; }

.info {
	padding: 60px 0 60px 0;
	border-right: 1px solid #ccc;
	font-size: 110%;
	background-color:#3399cc;
	color: #fff;
}

/* Correctie voor grote schermen*/
@media (min-width: 550px) {
.info {
	padding: 80px 0 60px 0;
}}

.info a {
	color:#fff;
}

.extrainfo {	
	padding-right: 25px;
}

.lager {
	padding-top:13px;
}

.balk-onder {
  padding:20px 0 10px 0;
  min-height: 50px;
  background-color: #525252;
  color: #FAFAFA;
  font-size:16px;
}

/* Correctie voor brede schermen*/
@media (max-width: 768px) {
  .balk-onder {
  padding:20px 0 0 0;
  text-align: left;
  }
}

.balk-onder a {
  color: #FAFAFA;
}

.webdesign {
	background-color: #fff;
	padding-top:20px;
		text-align:center;
		font-size:11px;
}

.webdesign a, 
.webdesign a:hover,
.webdesign a:focus,
.webdesign a:active,
.webdesign a:visited
{
		color:#000;
}