/* Базовые стили для всех устройств */
body { font-family: sans-serif; margin: 0; padding: 0; }
h1 { text-align: center; margin-top: 20px; font-size: 32px ; }
p { text-align: center; margin: 20px; }
/* Стили для небольших экранов (мобильные устройства) */
@media (max-width: 768px) {
    h1 { font-size: 24px; }
    p { font-size: 16px; }
}
/* Стили для больших экранов (компьютеры) */
@media (min-width: 768px) {
    h1 { font-size: 48px; }
    p { font-size: 20px; }
}
@media (min-width: 780px) { body { background-color: Azure; } }  
@media (max-width: 750px) { body { background-color: MintCream; } }