@media (min-width:800px) and (max-width:1000px){

h1 {
    font-size: 2.5em;
}

h2 {
    font-size: 2em;
}

h3 {
	font-size: 1.2em;
}

h4 {
    font-size: 1.5em;
}

h5 {
    font-size: 1.4em;
}
		
.col {
	width: 80%;
	margin: 0 10%;
}

.col-2 {
	width: 80%;
	margin: 0.5em 10%;
}

.col-3 {
	width: 80%;
	margin: 0 10% -5px 10%;
}

section-3 {
	width: 80%;
	margin: 0.5em 10%;
}

.col-s img {
	max-width: 60%;
}
	
.content {
	width: 90%;
	margin: 1em 5%;
}
	
section {
	width: 90%;
	margin: 1em 5%;
	float: none;
}

aside {
	width: 90%;
	margin: 1em 5%;
}
	
.figure {
  	width: 50%;
	margin: 0 25% 0.5% 25%;
}
	
.footer-col-2 {
	width: 100%;
	margin: 0;
	padding: 0;
	float: none;
}
	
}

@media (min-width:1000px) and (max-width:1400px){

h1 {
    font-size: 3em;
}

h2 {
    font-size: 2em;
}

h3 {
	font-size: 1.2em;
}

h4 {
    font-size: 1.2em;
}

h5 {
    font-size: 1.4em;
	}
	
	.col {
		width: 80%;
		margin: 0 10%;
	}
	
	.col-2 {
		width: 80%;
		margin: 0.5em 10%;
	}
	
	.col-3 {
		width: 80%;
		margin: 0 10% -5px 10%;
	}
	
	section-3 {
		width: 80%;
		margin: 0.5em 10%;
	}
	
	.col-s img {
		max-width: 60%;
	}

	.content {
		width: 90%;
		margin: 1em 5%;
	}
	
}