.header {
    background-color: #ffffff;
    padding: 15px;
}

.training {
    display: inline-block;
	margin: 15px;


}
.topics {
	top: 30px;
	width: 90vw;
	padding: 30px;
	margin: auto;
    background-color: #ffffff;
}
a {

   text-decoration:none;
}
a:hover {
   text-decoration:none;
}
p {
    font-family: Muli, sans-serif;
	background-color: #ffffff; 
	color: #949494;
    font-size: 14px;
}
h2 {
    font-family: Muli, sans-serif;
	background-color: #ffffff; 
	color: #000000;
    font-size: 18px;
	font-weight: bold;
}
h3 {
    font-family: Muli, sans-serif;
	color: #000000;
	background-color: #ffffff; 
    font-size: 16px;
}
h4 {
    font-family: Muli, sans-serif;
	color: #000000;
	background-color: #ffffff; 
    font-size: 14px;
}
.image {
	max-width: 100%;
}
.popup
{
	left: 16px;
	top: 16px;
	right: 16px;
	/*bottom: 16px;
	padding: 8px 8px;
	*/
    width: 600px;
	max-width: 900px;
	min-width: 300px;
    /*height: 90%;*/
	position: fixed;
    margin: auto;
	border-radius: 8px;
	box-shadow: 0 8px 32px rgba(0,0,0,.5);	
	background: rgba(255,255,255,.85);
	overflow :hidden;
	
}
.main {
	background:url('http://pe-geometry.se/wp-content/uploads/2016/03/top_1600x500-1024x320.png') no-repeat;
	background-color: #f2f2f2;
	background-size: 100%;
	height:100vh;
	/*
	position: absolute;
	left: 16px;
	top: 16px;
	right: 16px;
	bottom: 16px;
	
	margin: auto;
	
	*/
	/*height: 95%;*/
	/*height: 45vw;*/
	/*max-height: 820px;*/
	
	/*
	width: 90vw;
	*/
	/*max-width: 1040px;*/
	}