/* MOBILE FIRST (XS) */
body{
font-family: Arial, sans-serif;
margin:0;
padding:0;
background:#eef2f7;
color:#222;
text-align:center;
}

header{
background:#2c6bed;
color:white;
padding:20px;
}

main{
padding:20px;
}

footer{
background:#222;
color:white;
padding:15px;
margin-top:40px;
position: fixed;
}
    
.text{
display:none;
font-size:20px;
font-weight:bold;
margin:20px 0;
}

/* XS */
.xs{
display:block;
}

/* SM */
@media (min-width:576px){
body{background:#e8f6ff;}
.text{display:none;}
.sm{display:block;}
}

/* MD */
@media (min-width:768px){
body{background:#e8ffe8;}
.text{display:none;}
.md{display:block;}
}

/* LG */
@media (min-width:992px){
body{background:#fff4e6;}
.text{display:none;}
.lg{display:block;}
}

/* XL */
@media (min-width:1200px){
body{background:#f3e8ff;}
.text{display:none;}
.xl{display:block;}
}

/* PRINT RULE - CRNO BIJELO */
@media print{
*{
color:black !important;
background:white !important;
}

body{
background:white;
color:black;
}

header,footer{
border:1px solid black;
}
}