body {
	width:100%;
	max-width:100%;
	margin: 0;                   
    padding: 0;
	
}


.nav-full {
	background-color: #ececec;
    padding: 10px 20px;
	border-bottom: 3px solid #0090d0;
	border-bottom-color:#0090d0;
	
}
.nav-ul {
	display: flex;    /* Enable flexbox*/
	justify-content:flex-end;
    list-style: none;            
    margin: 0;                   
    padding: 0;
	width: 100%;
	
}
.nav-link {
	margin-left: 20px;
	color: #000;
	padding: 5px;
	text-decoration:none;
	
}
.dif-main {
	min-height: calc(100vh - 102px); /*https://www.w3schools.com/cssref/func_calc.php calc word gebruikt om de hoogte van elementen zoals hier te berekenen, met 100vh de hele view height zijn en dan -50'footer' en -52'de header/nav' */
	font-family:arial;
	margin-left: 10%;
	border-left:2px dashed #000;
	padding-bottom:4em;
	padding: 2em;   /*https://www.w3schools.com/cssref/css_units.php   de 'em' unit is gebaseerd op de grote van de font,
					ik vind dit fijner te gebruiken omdat als je de font kleiner of groter maakt dat de relatieve groote 
					het zelfde blijft implaats van px die altijd even groot is*/
}
#div-img {

}
h1 {
	text-decoration: underline;
	font-size:60px;
}
#header {
	font-family:times new roman;
	padding-left: 17%;
	
}
h2 {
	text-decoration:none !important;
}
#tuximg {
	width:600px;
	height:450px;
	 float:left;
	padding-right:2em;
}
.h2-p1 {
	color: darkblue;
	font-size:40px;
}

#linux-better {
	width:640px;
	height:480px;
	float:right;
	margin-left:2em;
	
}
#p-img {
	font-size:45px;
}
#why-linux-cont {
	margin-left:2em;
}
#lapimg, #rpimg {
	width:800px;
	height:450px;
}
footer {
	position:relative;
	bottom:0px;
	width: 100%;
	border-top: 2px solid black;
	min-height:154px;
	text-align:center;
	background-color:#F5F5F5;
	
}
#list-img {
	padding-right:2em;
}
#steamdeck {
	width:800px;
	height:450px;
	float:left;
	padding-right:2em;
}
#telefoon {
	width:300px;
	height:250px;
	float:right;
}
form {
	padding-right:2em;
}
.flipper {
	float:right;
	margin-bottom:1em;
}