#header, #menu, #contenu, #footer { 				                  padding:1px 0; 								                            }
#header {							                      background-color:#FF9900;						                   text-align:center;									               }
#main {									                      max-with:960px;						                                      margin:auto;									               }
#menu  {								               float:left;							                         width:240px;							                         background-color:#FF3366;									              }
#content {								                margin-left:245px;						                       background-color:#9966FF;									               }
#footer {							                         background-color:#669933;						                     text-align:center;							                          clear:both;								                          }
@media (min-width: 375px) {
    body{
        background: black;
        color: yellow;
        font-family: Helvetica, sans-serif;
    }
}
@media (min-width: 667px) {
    body {
        background: cyan;
        color: red;
        font-family: Gills Sans, sans-serif;
    }
}
@media (min-width: 768px) {
    body{
        background: purple;
        color: white;
        font-family: "Georgia", serif;
    }
}
@media (min-width: 1024px) {
    body {
        background: pink;
        color: cornsilk;
        font-family: Gills Sans Extrabold, sans-serif;
    }
}
@media (min-width: 1200px) {
    body {
        background: orange;
        color: #742f37;
        font-family: "Caslon", serif;
    }
}