/***
 * @copyright 2020 dubbelepunt design bv
 * @author  dubbelepunt design bv <info@dubbelepunt.design>
 * @package  Site Abonnement - Website
 * @link   http://www.site-abonnement.nl/
***/


	/*** General styles ***/
	body {
		font-family: 									'Open Sans', sans-serif;
	}

 	/*** Text styles ***/
	h1 {
		color:											#2D4596;

		font-weight:									600;
		font-size:										2rem;
	}

	p,
	a {
		color:											#2D4596;
		font-size:										1.25rem;
	}

	a {
		text-decoration:								underline;
	}

	.button {
		background-color:								#862996;

		text-decoration:								none;
		font-size:										1.25rem;

		margin-top:										1rem;

		padding-top:									1rem;
		padding-right:									2rem;
		padding-bottom:									1rem;
		padding-left:									2rem;

		border-radius:									1rem;
	}

	.button:hover {
			background-color:							#2D4596;

			box-shadow:									0 5px 10px 0 rgb(0 0 0 / 16%)
		}
	}

	@media only screen and (min-width: 640px) {
		h1 {
			font-size:									3rem;
		}
	}

	@media only screen and (min-width:1024px) {
		h1 {
			font-size:									3.5rem;
		}
	}


	/*** Header styles ***/
	header {
		box-shadow:										0 5px 10px 0 rgb(0 0 0 / 16%);

		padding-top:									1rem;
		padding-bottom:									1rem;
	}

	header img {
		margin-right: 									1.5rem;

		max-width:										200px;
		max-height:										45px;
	}

	header img.logo_dhm {
		margin-top: 									0.75rem;
	}

	header img.logo_teusvlotverspaning {
		margin-right: 									0rem;

		max-height:										60px;
	}

	/*** Content styles ***/
	.content {
		padding-top:									2rem;
		padding-bottom:									2rem;
	}

	img.image {
		box-shadow:										0 10px 20px 0 rgb(0 0 0 / 16%)
	}

	@media only screen and (min-width: 640px) {
		.background {
			width:										80%;
			
			border-radius:								0 0 5rem 0;
		}
		
		.content {
			padding-top:								4rem;
			padding-bottom:								4rem;
		}
	}


	/*** Footer styles ***/

	footer {
		background-color:								#862996;

		color: 											#FFFFFF;

		padding-top:									3rem;
		padding-bottom:									3rem;
	}

	footer p,
	footer a {
		color: 											#FFFFFF;
		font-size:										1rem;
	}
	
	footer img {
		width:											100%;
		max-width:										250px;
	}