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

h1 {
    font-size: 2em;
	letter-spacing: 0px;
}


h3 {
	font-size: 1.2em;
}

h4 {
    font-size: 1.2em;
	width: 80%
}

h5 {
    font-size: 1.2em;
	}
	
.buttons {
	width: 70%;
	margin: 2% 15%;
}
	
.container-1 {
	width: 30%;
}
	
.col {
	width: 90%;
	margin: 0 5%;
}
	
.content {
	width: 90%;
	margin: 0 5%;
}
	
section {
	width: 90%;
	margin: 1em 5%;
	float: none;
}

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

}

@media (min-width:1000px) and (max-width:1200px){
	
h4 {
    font-size: 1.2em;
	width: 60%
}
	
.buttons {
	width: 30%;
	margin: 2% 0 1% 0;
}
	
.container-1 {
	width: 30%;
}
	
content {
	width: 90%;
	margin: 0 5%;
}
	
.footer-col {
	width: 90%;
	margin: 1em 5%;
	padding: 0;
}
	
}