@charset "utf-8";
/* CSS Document */

@media all and (min-width:801px) and (max-width: 959px) {
  .header {
		background-size: 100%;
    	background-repeat-y: no-repeat;
	}
}
@media all and (min-width:769px) and (max-width: 800px) {
	.header {
		background-size: 100%;
    	background-repeat-y: no-repeat;
	}
}
@media all and (min-width:569px) and (max-width: 768px) {
  .header {
		background-size: 100%;
    	background-repeat-y: no-repeat;
	}
}

@media all and (min-width:481px) and (max-width: 568px) {
  .header {
		background-size: 100%;
    	background-repeat-y: no-repeat;
	  	height: 200px;
	}
	.main {
		width: 100%;
	}
	h1 {
		font-size: 1.5em;
	}
	.main-icons {
		display: block;
		float: none;
		width: 50%;
	}
	.organisation {
		height: 200px;
	}
	.organisation-logo {
    	margin-right: 0.5em;
	}
	.footer-links {
    	font-size: 1em;
    	font-size: bold;
    	color: #ffffff;
    	float: none;
		align: center;
		width: 100%;
	}
	.aog-logo {
    	padding-left: 8em;;
    	float: none;
	}
	.aog-logo img {
    	padding: 1em 2em;
	}
}

@media all and (min-width:321px) and (max-width: 480px) {
  .header {
		background-size: 100%;
    	background-repeat-y: no-repeat;
	  	height: 200px;
	}
	.main {
		width: 100%;
	}
	h1 {
		font-size: 1.5em;
	}
	.main-icons {
		display: block;
		float: none;
		width: 50%;
	}
	.organisation {
		height: 200px;
	}
	.organisation-logo {
    	margin-right: 0.5em;
	}
	.footer-links {
    	font-size: 1em;
    	font-size: bold;
    	color: #ffffff;
    	float: none;
		align: center;
		width: 100%;
	}
	.aog-logo {
    	padding-left: 8em;;
    	float: none;
	}
	.aog-logo img {
    	padding: 1em 2em;
	}
}

@media all and (min-width:0px) and (max-width: 320px) {
  .header {
		background-size: 100%;
    	background-repeat-y: no-repeat;
	  	height: 200px;
	}
	.main {
		width: 100%;
	}
	h1 {
		font-size: 1.5em;
	}
	.main-icons {
		display: block;
		float: none;
		width: 50%;
	}
	.organisation {
		height: 200px;
	}
	.organisation-logo {
    	margin-right: 0.5em;
	}
	.footer-links {
    	font-size: 1em;
    	font-size: bold;
    	color: #ffffff;
    	float: none;
		align: center;
		width: 100%;
	}
	.aog-logo {
    	padding-left: 8em;;
    	float: none;
	}
	.aog-logo img {
    	padding: 1em 2em;
	}
}