/* начало css */
 
Здесь базовые стили для глупых браузеров. Например, для телефонов не high-end уровня. Pocket Internet Explorer для Windows Mobile 6.5 здесь же :).
 
@media only screen and (min-width: 480px) {
 
Здесь стили более разумных, но все еще мобильных устройств. Android, iPhone  и так далее.
 
}
 
@media only screen and (min-width: 768px) {
 
Планшеты в режиме portrait.
 
}
 
@media only screen and (min-width: 992px) {
 
Планшеты в режиме landscape, нетбуки, ноутбуки, десктоп.
 
}
 
@media only screen and (min-width: 1382px) {
 
Десктоп с большими разрешениями, телевизоры.
 
}
 
 
/* конец css */

body {
    line-height:21px;
background-color: #FFFFE0;
    margin: 0 auto;
    padding: 0;
    overflow-wrap: break-word; 
    word-wrap: break-word;
    word-break: normal;  
    line-break: auto;  
    hyphens: manual; 
    width: 100%;
max-width: 600px;
}

body {
    line-height:21px;
background-color: #FFFFE0;
    margin: 0 auto;
    padding: 0;
    overflow-wrap: break-word; 
    word-wrap: break-word;
    word-break: normal;  
    line-break: auto;  
    hyphens: manual; 
    width: 100%;
}