@media screen and (max-width: 1100px) {
.container {
width: 95%;
}
.span-24, div.span-24 {
width: 100%;
}
.span-16 {
    width: calc(100% - 350px);
}
.span-8 {
    min-width:310px;
}
}
@media screen and (max-width: 768px) {
.container {
	padding: 2px;
	width: calc(100% - 28px);
}
.span-24, div.span-24 {
width: 100%;
}
.span-16 {
    width: 100%;
}
.span-8 {
    width: 100%;
    clear:both;
}

.span-12 {
    width: 100%;
    clear:both;
}

.maincat {
    width: 100%;
    height: 30px;
}
#header img {
	max-width: 300px;
}
}