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


.cover {
	padding-top:20px;
}

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

.decktekst {
	line-height: 175%;
 	font-size: 1.1em;
	margin: 0;
	padding: 0 0 30px 0;
	color: #000;
	font-weight:300;
    letter-spacing: 1px;
}

.stappen {
	padding: 60px 0 80px 0;
	border-right: 1px solid #ccc;
	font-size: 90%;
	background-color:#00A9CF;
	color: #fff;
}

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

.stappen a {
	color:#fff;
}

.vervolg {
	padding: 0 0 80px 0;
	border-right: 1px solid #ccc;
	font-size: 90%;
	background-color:#fff;
	color: #000;
}

h1 {
	font-size: 2em;
	color:#000;
	font-weight: 100;
	margin-top: 0;
	margin-bottom: 2rem;
	padding-top: 20px;
	line-height: 1.3;
    letter-spacing: 1px;
}

/* Correctie voor grote schermen*/
@media (min-width: 850px) {
h1 {
	padding-top: 30px;
	}
}

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

.vervolg h2 {
	color: #000;
}

h3 {
	font-size: 1.2em;
	font-weight: 300;
	color:#fff;
	padding: 20px 0 10px 0;
	text-align: center;
    letter-spacing: 1px;
}

.vervolg h3 {
	color: #000;
}

.stappen h2, .stappen h3, .vervolg h2, .vervolg h3, .contact h2, .contact h3 {
	text-align: left;
}


.fa {
	color: #fff;
}

.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;
}