/*
Theme Name: Groeier
Text Domain: Groeier
Version: 1.0
Description: Groeier scherm WordPress thema
Tags: groeier, komverder
Author: Jarmo Roos
Author URI: https://www.groeier.nl
*/

#header {
	width: 100%;
	height: 8vh;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
#header .col-left {
	background-color: white;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
	align-items: center;
	width: 50%;
	padding: 10px;
}
#header .col-left h2 {
	font-size: 28px;
}
#header .col-left h2.datum {
	color: #fa4137;
}
#header .col-left h2.tijd {
	color: #01188a;
}
#header .col-right {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 50%;
	padding: 10px;
	background-color: #01188a;
}
#header .col-right div {
	margin-left: 25px;
	color: white;
}
#header .col-right p {
	margin: 5px;
}

#content {
	max-width: 100%;
}
#content img {
	width: 100%;
	height: 84vh;
}
#content video {
	width: 100%;
	height: 84vh;
}

#footer {
	position: fixed;
	background-color: white;
	bottom: 0px;
	height: 8vh;
	width: 100%;
	padding-top: 10px;
}