/*--------- G E N E R A L ---------*/
* {
	box-sizing: border-box;
}

body{
	position: relative;
	margin: 0px;
	font-family:sans-serif;
	font-size: 14px;
}

main{
	width: 72VW;
	float: right;
	text-align: justify;
	padding: 180px 18VW 0px 3VW;
	margin-bottom: 250px;
	line-height: 20px;
}

#content{
	max-width: 900px;
}

#documentation p{
	padding-top: 30px;
	padding-bottom: 40px;
}

.videocontainer{
	box-sizing: content-box;
	position:relative;
	padding-bottom: 56.25%;
	padding-top: 35px;
	margin-bottom: 10px;
	height: 0;
	overflow:hidden;

}

.videocontainer iframe{
	box-sizing:inherit;
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
}

#documentation a{
	color: #2f67ff;
}

#documentation img{
	padding-bottom: 12px;
	padding-top: 12px;
	width: 100%;
}

.row:after{
	content: "";
	display: table;
	clear: both;
}

footer{
  color: #656565;
  font-size: 13px;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 5px;
}

footer a{
  color: #656565;
}

/*---------------------------------*/
/*--------- N A V   B A R ---------*/
.navbar{
	color: #7e7e7e;
	float: left;
	width:fit-content;
	font-size: 13px;
}

.navlist{
	padding-left: 45px;
	list-style:none;
	margin-top: 50px;
}

#archive{
	margin-top: 18px;
}

.navlist a{
	text-decoration: none;
	color: #7e7e7e;
}

.navlist a:hover{
	color: #2f67ff;
}

.navlist .dropdown{
	padding-top: 7px;
}

.dropdown{
    display: none;
}

.dropdown:hover{
	padding-left: 5px;
}

#archivebtn:hover{
	cursor: pointer;
}

#archive:hover .dropdown{
	display: block;
}

/* for mobile: */
#archivebtn.open .dropdown{
	display: block;
}

/*---------------------------------*/
/*--- M E D I A   Q U E R I E S ---*/

@media (max-width: 1050px){
	.navlist{
		padding-left: 80px;
	}
	main{
		width: 100VW;
		padding:90px 90px 100px 80px; 
	}
	.video{
		max-height: 450px;
	}
}

@media (max-width:850px){
	.video{
		height: 50VW;
		max-height: 380px;
	}
}

@media (max-width: 420px){
	main{
		padding-left: 17px;
		padding-right: 17px;
	}
	.navlist{
		padding-left: 17px;
	}
	footer{
		padding-left: 17px;
		padding-right: 17px;
		padding-bottom: 13px;
	}
}