@media only screen 
and (min-width : 0px) 
and (max-width : 480px) {
	#newsletter {
		display: none;
	}
	
	h2 {
		font-size: 32px;
	}
	
	.box {
		width: auto;
	}
	
	.box.extended {
		padding: 30px 0;
		
	}
	
	#initiatives .box, #partners .box, #contact .box {
		background: none;
	}
	
	header {
		text-align: center;
	}
	
	img.logo {
		float: none;
	}
	
	#intro {
		background-position: center; 
		height: 20%;
	}
	
	#intro .slogan {
		width: auto;
		font-size: 16px;
		line-height: 21px;
	}
	
	.box-2, .box-2.last {
		width: 90%;
		float: none;
		padding: 0 5% 0 5%;
		margin: 0 0 30px 0;
	}
	
	.box-2 img {
    	margin: 0 10px 100px 0;
	}	
	
	.box-3 {
		width: 90%;
		padding: 0 5% 0 5%;
	}
	
	#partners {
		text-align: center;
	}
	
	#partners h2 {
		margin: 0 0 50px 0;
		width: auto;
	}
	
	#partners img {
		width: 80%;
		clear: both;
		margin: 0 0 30px 0;
	}
	
	.collabs {
		margin: 0;
	}
	
	.collabs img {
		width: auto !important;
	}
	
	.collabs img:last-child {
		margin: 0 0 30px 10px !important;
	}
	
	img.small-logo {
		width: 80% !important;
	}
	
	#contact h2 {
		margin: 0 0 50px 0;
		width: auto;
	}
	
	iframe {
		width: 100%;
	}
	
	#contact p {
		padding: 0 5%;
	}
}