html {
  height: 100%;
}

body { 
	font-family: Verdana;
	margin:0;
	height: 100%;
	background: #d1e3f6;
}

.header {
	display: table;
	height: 90px;
}

.head1 {
	display: table-cell;
	background: url(../img/logo_hwk_omv_complete.svg) no-repeat center;
	background-size: 90% 90%;
	width: 20vw;
	height: 90px;
	min-width: 200px;
}

.head2 {
	display: table-cell;
	background: #a3c7ed;
	width: 80vw;
	height: 90px;
	vertical-align: middle;
}

.head2 > h1 {
	color: #FFF;
	font-size: 1.5rem;
	padding: 10px;
}

.banner {
	background: url(../img/banner.jpg) no-repeat center #fff;
	background-size: contain;
	width: 100%;
	height: 15vw;
	border-bottom: 20px #073070 solid;
}

.container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top: 2vh;
}

.introtext {
	width: 100%;
	padding: 0 10%;
	margin-bottom: 15px;
}

ul {
  list-style: none;
}

ul li:before {
  content: '✓';
  margin-right: 10px;
}

.flexel {
	background: #073070;
	border-radius: 15px;
	box-shadow: #5b5b5b 1px 1px 5px;
	width: 250px;
	height: 160px;
	margin: 2vh;
	text-align: center;
}

.flexel > i {
	font-size: 5rem;
	color: #fff;
	margin: 15px 0;
}

.flexel:hover {
	transform: scale(0.95);
	transition:all 0.1s ease-in;
}

.link {
	text-decoration: none;
}

.produkt:hover {
    -webkit-animation: jello 1s;
    animation: jello 1s;
	cursor: pointer;
}

.title {
	color: #FFF;
	font-size: 1.5 rem;
	font-weight: bold;
	width: 100%;
	display: block;
	text-align: center;
	word-wrap: break-word;
	margin-bottom: 15px;
}

.nv {
	display: none;
}

.clickme {
	cursor: pointer;
}

.footer {
	display: table;
	height: 50px;
	background: #a3c7ed;
	width: 100%;
	position: absolute;
	bottom: 0px;
	text-align: center;
	color: #448dde;
	padding-top: 30px;
}

.footer > a {
	color: #448dde;
}



@media screen and (max-width: 800px) {
	.container {
	  flex-direction: column;
	  margin-top: 0;
	}
	
	.introtext {
	width: 100%;
	padding: 5%;
	margin-bottom: 0;
	}
	
	.head2 > h1 {
	font-size: 2.5vw;
	}
	
	.flexel > i {
	font-size: 2rem;
	}
	
	.flexel {
	height: 120px;
	}
	
	.footer {
	position: relative;
	}
}