h1 {
    text-align: center;
    margin-top: 20px;
    color: #333;
}
 
/* 1. MOBILNI UREĐAJI - Manja od 576px - narancasta boja */
@media (max-width: 575px) {
    body {
        background-color: #db8534;
    }
}
 
/* 2. TABLETI - 576px do 991px - plava boja */
@media (min-width: 576px) and (max-width: 768px) {
    body {
        background-color: #e6b01e;
    }
}
 

/* 2. TABLETI - 576px do 991px - plava boja */
@media (min-width: 576px) and (max-width: 991px) {
    body {
        background-color: #3798f3;
    }
}
 
/* 2. TABLETI - 576px do 991px - crvena boja */
@media (min-width: 992px) and (max-width: 1200px) {
    body {
        background-color: #7c1820;
    }
}
 
/* 3. DESKTOP - 992px i više - roza boja */
@media (min-width: 1201px) {
    body {
        background-color: #f372e2;
    }
}

@media screen and (min-width: 320px), print and (min-width: 768px){
    
}