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


h1 {
	text-align: center;
}

header {
	background-color: #804000; <!-- brown -->
}

nav {
	float: right;
	}

header img {
	padding-bottom: .5em;
	margin: .5em 0 0 .25em;
}

.parties li {
	list-style-type: none;
	display: inline;
	padding: .25em;
	border: solid thin;
	margin: .25em;
			}

.parties a {
	text-decoration: none;
	}

.col img {
	width: 100%;
	float: left;
	padding: .25em;
}


footer{
	float:left;
}

.col {
	
}

@media (min-width: 200px){
	
	.parties li {
		font-size: x-small;
	}
}

@media (min-width: 480px){
	.parties li {
		font-size: small;
		float: left;
	}
}

@media (min-width: 960px){
	.parties li {
		font-size: medium;
	}
	
	.col img {
	width: 30%;
		}
}