/*  MAKE LAYOUT RESPONSIVE at 1280px FOR SMALLER SCREENS ================================================================ */



header {
    width: 100%;
}

#maincontent{
    width: 100%;
}

.maincontent{
    width: 100%;
}

footer {
    width: 100%;
}
/*  GRID X */
.span_1_of_8 {
    width: 11.1%;
}
/*  GRID TURNS INTO A GRID OF THREE for the menu */
.span_1_of_6 {
    width: 15.3%;
}
/*  */
.span_1_of_4 {
    width: 23.8%;
}
/*  */
.span_7_of_3 {
    width: 20%;
}
.span_6_of_3 {
    width: 38.35%;
}
.span_5_of_3 {
    width: 28.3%;
}
.span_4_of_3 {
    width: 48.5%;
}
.span_3_of_3 {
    width: 38%;
}
.span_2_of_3 {
    width: 60%;
}
.span_1_of_3 {
    width: 32.25%;
}
/*  */
.span_1_of_2 {
    width: 49.1%;
}
.span_1_of_1 { 
    width: 100%;
    margin: 0; 
}