#header {
    height: 200px;
}

main {
	margin-right: 40px;
	margin-left: 40px;
	color: #fff;
}

h2 {
	color: #96BF0D;
}

a {
	color: #96BF0D;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}

@media (max-device-width: 767px) {

	main {
		margin-right: 5px;
		margin-left: 5px;
	}

}

@media (max-width: 767px) {

	main {
		margin-right: 5px;
		margin-left: 5px;
	}

}

@media (max-device-width: 500px) {

  	#header {
    	height: 150px;
	}
	
}

@media (max-width: 500px) {

  	#header {
    	height: 150px;
	}
	
}

@media (max-device-width: 380px) {

	#header {
		height: 80px;
	}
}

@media (max-width: 380px) {

	#header {
		height: 80px;
	}
}

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

	#header {
		height: 300px;
	}

}

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

	#header {
		height: 300px;
	}

}