@media screen and (min-width: 1400px){
	body{
		font-size: 15px;
	}
	
	header{
		width: 70%;
		margin: 10px 15% 30px;
	}
	
	.content{
		width: 70%;
		margin: 0 15% 20px;
	}
	
	.flex1, .flex2, .flex3, .flex4, .flex5, .flex6{
		height: 290px;
	} 
	
	footer{
		width: 70%;
		padding: 30px 15%;
	}
}

@media screen and (max-width: 1400px){	
	.flex1, .flex2, .flex3, .flex4, .flex5, .flex6{
		height: 280px;
	} 
}

@media screen and (max-width: 1300px){	
	.flex1, .flex2, .flex3, .flex4, .flex5, .flex6{
		height: 280px;
	} 
}

@media screen and (max-width: 1200px){	
	.flex1, .flex2, .flex3, .flex4, .flex5, .flex6{
		height: 290px;
	} 
}

@media screen and (max-width: 1100px){	
	.flex1, .flex2, .flex3, .flex4, .flex5, .flex6{
		height: 270px;
	} 
}

@media screen and (max-width: 900px){
	body{
		font-size: 13px;
	}
	
	header{
		width: 90%;
		margin: 10px 5% 30px;
	}
	
	.content{
		width: 90%;
		margin: 0 5% 20px;
	}
	
	footer{
		width: 90%;
		padding: 30px 5%;
	}
}

@media handheld, screen and (max-width: 700px){
	body{
		font-size: 12px;
	}
	
	header{
		width: 90%;
		padding: 5px 5%;
		margin: 0;
		position: fixed;
		top: 0;
		background-color: #fff;
		z-index: 100;
	}
	
	nav{
		justify-content: flex-end;
	}
	
	#h-open{
		display: block;
		position: fixed;
		top: 40px;
		right: 5%;
		height: 40px;
		width: 40px;
	}
	
	.m-nav{
		display: flex;
		cursor: pointer;
		width: 40px;
		height: 40px;
		background: linear-gradient(to bottom, #fff 0%, #fff 10%, #4B4A4A 11%, #4B4A4A 30%, #fff 31%, #fff 40%, #4B4A4A 41%, #4B4A4A 60%, #fff 61%, #fff 70%, #4B4A4A 71%, #4B4A4A 90%, #fff 91%, #fff 100%);
	}
	
	.m-nav:target ol{
		display: flex;
		flex-flow: column nowrap;
		background-color: white;
		width: 220px;
		height: 190px;
		position: fixed;
		top: 120px;
		right: 5%;
	}
	
	.m-nav:target #h-close{
		display: block;
		position: fixed;
		top: 40px;
		right: 5%;
		height: 40px;
		width: 40px;
	}
	
	.m-nav ol li{
		text-align: center;
		width: 100%;
		border-bottom: 1px solid #4B4A4A;
	}
	
	nav ol{
		display: none;
	}
	
	.content{
		margin-top: 130px;
	}
	
	.dropdown1, .dropdown2, .dropdown3 {
		margin-top: 20px;
		margin-bottom: 10px;
	}
	
	.dropdown1 h2, .dropdown2 h2, .dropdown3 h2 {
		height: 50px;
		margin-left: -10px;
	}
	
	.dropdown1 h2:before, .dropdown2 h2:before, .dropdown3 h2:before {
		background-size: 20px 30px;
		padding: 15px 5px;
	}
	
	.dropdown1 p, .dropdown2 p, .dropdown3 p {
		margin-left: -10px;
	}
	
	footer{
		padding: 15px 5%;
	}
	
	footer ul{
		display: none;
	}
}