.container{
	font-family: arial;
	background-color:#000000;
	color:#FFFFFF;
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
	padding:20px 8px;
}

@media (min-width: 576px){
	.container {
		max-width: 520px;
		background-color: #FF0000;
	}
}
@media (min-width: 768px){
	.container {
		max-width: 624px;
		background-color: #00FF00;
	}
}
@media (min-width: 992px){
	.container {
		max-width: 848px;
		background-color: #0000FF;
	}
}
@media (min-width: 1200px){
	.container {
		max-width: 1056px;
		background-color: #993377;
	}
}
@media (min-width: 1366px){
	.container {
		max-width: 1222px;
		background-color: #009988;
	}
}
@media (min-width: 1680px){
	.container {
		max-width: 1536px;
		background-color: #114488;
	}
}
@media (min-width: 1920px){
	.container {
		max-width: 1776px;
		background-color: #886611;
	}
}