body, html {
	height: 100%;
	text-align: center;
}

.ayfr {
	font-family: "Tangerine", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 3em;
	text-align: center;
	margin-left: -20px;
	color: white;
	text-shadow:
   	-1px -1px 0 #333,  
     1px -1px 0 #333,
    -1px  1px 0 #333,
     1px  1px 0 #333;
}

@media screen and (min-width: 380px) {
	.ayfr {
		font-size: 4em;
	}
}

@media screen and (min-width: 550px) and (max-width: 750px) {
	.ayfr {
		margin-bottom: 0;
	}
}

@media screen and (min-width: 1000px) {
	.ayfr {
		padding-top: 6%;
	}
}

.container {
	height: 100%;
}

.thumb {
	width: 80%;
	margin-top: 50px;
	border: 3px solid white;
	-webkit-box-shadow: 4px 5px 33px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 5px 33px -6px rgba(0,0,0,0.75);
	box-shadow: 4px 5px 33px -6px rgba(0,0,0,0.75);
	margin-bottom: 25px;
}

.thumb#first {
	margin-top: -5%;
}

@media screen and (min-width: 550px) {
	.thumb#first {
		margin-top: -10%;
	}

	.thumb#second {
		margin-top: -10%;
	}
}

a {
	color: darksalmon;
}

img {
	display: block;
	margin: auto;
}

@media screen and (min-width: 750px) {
	h1 {
		margin-bottom: 2rem;
	}
}

@media screen and (min-width: 1000px) {
	h4 {
		font-size: 1.5em;
	}
}

.ayurveda h1, .ayurveda h2, .ayurveda h3, .ayurveda h4 {
	text-align: center;
}

h2, h3 {
	padding: 5px 0;
	border-top: 5px solid antiquewhite;
	border-bottom: 5px solid antiquewhite;

	/*border-radius: 15px;*/
}

.container:not(.index) p {
	text-align: justify;
}

.ayurveda .box .columns, .behandelingen .box .columns {
	border: 2px solid antiquewhite;
	margin-bottom: 10px;
}

.ayurveda .box p, .behandelingen .box p {
	padding: 0px 10px;
	margin-bottom: 15px;
}

.ayurveda .box h4, .behandelingen .box h4 {
	background-color: antiquewhite;
}

.home {
	background-position: center;
	background-size: cover;
	height: 33%;
  	background-image: url('../img/dawn-nature-sunset-trees.jpg');
}

@media screen and (min-width: 550px) {
	.home {
		height: 52%;
	}
}

 @media screen and (min-width: 750px) {
 	.home {
 		height: 33%;
 	}
 }

.gezondheid {
	background-image: url('../img/pexels-photo-72509.jpg');
}

.aol {
	background-position: center;
	background-image: url('../img/amazing-animal-beautiful-beautifull.jpg');
}

.voorstellen {
	background-image: url('../img/pexels-photo-127160.jpg');
}

.tree {
	background-image: url('../img/pexels-photo-129743.jpg');
}

.contact {
	background-image: url('../img/pexels-photo-27714.jpg');
}

#silvia {
	border: 5px solid white;
	box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15), 
				0 9px 23px 0 rgba(0, 0, 0, 0.13);
	margin-bottom: 20px;
}

.quote, .big {
	font-size: 1.5em;
	font-style: italic;
	margin-bottom: 25px;
}

.big {
	font-size: 2em;
}

p#contact {
	padding-bottom: 20px;
	border-bottom: 1px solid black;
}

@media screen and (min-width: 550px) {
	p#contact {
		border-bottom: 0;
		border-right: 1px solid black;
	}
}

iframe {
	max-width: 300px;
	max-height: 225px;
}

@media screen and (min-width: 769px) {
	iframe {
		max-width: 460px;
	}
}