#col0 {border: 1px solid #ff0000;}
#col1 {border: 1px solid #00ff00;}
#col2 {border: 1px solid #0000ff;}

/* non small displays */
@media screen and (min-width: 760px) {
   #col0 {float: left; width: 50%; margin: 0;}
   #col1 {float: left; width: 25%; margin: 0;}
   #col2 {width: auto; margin: 0 0 0 80%;}
}

/* small displays */
@media screen and (min-width: 481px) and (max-width: 759px) {
   #col0 {float: left; width: 67%; margin: 0;}
   #col1 {float: right; width: 33%; margin: 0 0 0 -5px;}
   #col2 {clear: both; float: none; width: auto; margin: 0;}
}

/* Smartphones */
@media screen and (max-width: 480px) {
   #col0 {float: none; width: auto; margin: 0;}
   #col1 {float: none; width: auto; margin: 0;}
   #col2 {float: none; width: auto; margin: 0;}
}