#banner {
	min-height: 33%;
	overflow: hidden;
	background: black;
}

@media screen {
	.five {
		width: 99px;
		margin: 44px auto 0;
	}
	/*
	.section {
		width: 83%;
		margin: 0 auto;
	}*/
	.section {
		width: 74%;
		margin: 0 auto;
	}
	.about {
		width: 50%;
	}
	.activities {
		width: 74%;
	}
}

@media screen and (min-width: 576px) {
	.five {
		width: 133px;
		margin: 33px auto 0;
	}
	/*
	.section {
		width: 66%;
		margin: 0 auto;
	}*/
	.section {
		width: 74%;
		margin: 0 auto;
	}
	.about {
		width: 50%;
	}
	.activities {
		width: 74%;
	}
}

@media screen and (min-width: 576px) and (max-height: 450px){
	.five {
		width: 99px;
		margin: 33px auto 0;
	}
	/*
	.section {
		width: 84%;
		margin: 0 auto;
	}*/
	.section {
		width: 62%;
		margin: 0 auto;
	}
	.about {
		width: 33%;
	}
	.activities {
		width: 74%;
	}
}

@media screen and (min-width: 768px) {
	.five { 
		width: 133px; 
		margin: 33px auto 0;
	}
	/*
	.section {
		width: 66%;
		margin: 0 auto;
	}*/
	.section {
		width: 44%;
		margin: 0 auto;
	}
	.about {
		width: 33%;
	}
	.activities {
		width: 53%;
	}
}

#logo img {
	max-width: 100%;
	height: auto;
}