@media screen and (max-width: 1300px){
	body, html {
	font-size: 1.8vw;
	}
	#leftcontainer {
		width: 27vw;
	}
	#logocontainer {
	width: 70%;
	width: 19vw;
	height: 15vw;
	margin: 10vh auto;
	}
	#mainmenu {
	margin-top: 10vh;
	}
	#mainmenu li div {
	margin-bottom: 5vh;
	}
	#FirstSegment {
	margin-left: 27vw;
	}
	#rightcontainer {
	width: 300vw;
	width: calc(300vw - 54vw);
	}
	#Logopedistencontainer {
	width: 46vw;
	width: calc(100vw - 54vw); 
	}
	.fullpage {
	width: 100vw;
	width: calc(100vw - 27vw);
	/* width is done whenever calc is not supported. */
	}
	#footer {
	width: 27vw;
	padding: 10vh 2.3vw;
	}
	h1 {
		font-size: 1.3rem;
	}
}

@media screen and (max-width: 1000px){
	body, html {
	font-size: 3vw;
	font-size: calc(2vw + 2vh);
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	}
	.fullpage {
	width: 100vw;
	
	}
	#leftcontainer {
		width: 100vw; 
		height: 100vh;
		position: initial;
		z-index: initial;
	}
	#logocontainer{
	width: 40vw;
	height: 31vw;
	width: calc(20vw + 20vh);
	height: calc(15.5vw + 15.5vh);
		margin: 5vh auto;
	}
	#mainmenu {
	margin-top: 5vh;
	}
	#rightcontainer, #preverbalelogopedie {
	width: 100vw;
	height: auto;
	overflow: initial;
	top: 100vh;
	}
	#preverbalelogopedie {
	margin-left: 0px;
	}
	#preverbalelogopediecontainer {
		height: 100vh;
		width: 100vw;
		
	}
#rightcontainer > div {
	display: block;
	position: relative;
	overflow-y: initial;
	height: 100vh;
}
#FirstSegment {
	margin-left: 0vw;
	text-align: center;
	box-sizing: border-box;
	padding: 10vh 10vw;
}
#FirstSegment .fullpage {
	width: 100%; 
	height: 100%;
}
#GreatHeader {
	width: 100%;
	max-width: 100vw;
	min-width: 0px;	
	position: absolute;
	top: 0;
	right: 0;
	margin: 20px auto;
	font-size: 8vh;
	height: auto;
	max-height: 50vh;
}
#GreatHeader b {
	font-size: 8.5vh;
}
#GreatHeader i {
	font-size: 5vh;
	display: block;
	width: 100%;
}
#Logopedisten {
	height: 200vh !important;
	width: 100vw;
}
#Logopedistencontainer {
	width: 100vw;
	height: 100vh;
}
#footer {
	width: 100vw;
	height: 100vh;
	padding: 10vh 10vw;
}
#footer .container div div {
	display: block;
}
#footer a:hover {
	border-bottom: 0px solid;
}
#DoeDeCheck {
	width: 200vw;
	height: 100vh;
}
#imgcontainer {
	width: 100vw;
	height: 100vh;
}
#formcontainer {
	width: 100vw;
	height: 100vh;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 100vw;
	z-index: 1; 
}
.Screens h2 {
	margin: 3vh 0;
	font-size: 1rem;
}
.Screens h3 {
	font-size: 0.9rem;
	margin: 2vh 0;
}
.Screens .progression {
	font-size: 2vh;
	font-size: calc(1.2vw + 1.2vh);
}
.vragen form {
	width: 100%;
}
.vragen table {
	font-size: 2vh;
	font-size: calc(1.2vw + 1.2vh);
}
.vragen td {
	width: 10vw;
	width: calc(7vw + 7vh);
}
.resultaat {
	font-size: 2vh;
	font-size: calc(1vw + 1vh);
}
.guibuttons {
	font-size: 2vh;
	font-size: calc(1.2vw + 1.2vh)
}
.infor {
	display: none;
}
}