*{margin:0 auto; padding:0; font-family:Roboto, sans-serif;}

.container {	width:100%; max-width:1280px; margin:10% auto; text-align:center;}
.container h1 img {width:85%; max-width:355px;}
.container h2 {color:#808184; font-size:.9em; font-weight:100;}
.container .listFlags {list-style:none; background-color:#EEEEEE; margin:10% auto; overflow:hidden; padding:0 0 2em; max-width:1200px;}
.container .listFlags li {float:left; padding: 2.5em 0; width:33%; height:35px;}
.container .listFlags li a {text-decoration:none; color:#000000;}
.container .listFlags li p {font-family:'Roboto Condensed', sans-serif; font-size:.9em; margin-top:1.2em;}

@media (min-width:400px) {
	.container h2 {font-size:1.1em;}
}
@media (min-width:657px) {
	.container .listFlags {margin:5% auto; padding:0 2em 2em;}
	.container .listFlags li { padding: 2.5em 0; width:25%;}
}
@media (min-width:768px) {
	.container .listFlags {margin:5% auto; padding:0 0 2em 0;}
	.container .listFlags li { padding: 2.5em 0; width:11%;}
}