/*
body::before {
    content: "XS";
    color:red;
    background-color: white;
    font-size: 2rem;
    font-weight: bold;
    position: fixed;
    top:    0;
    right: 0;
    z-index: 9999;
}
*/

/*
main {
    padding-top: 90px;
}
*/
.box {
    /* background-color: lightblue; */
    background-color: rgba(173, 216, 230, 0.25);
    border: 1px solid blue;
    min-width: 50px;
    min-height: 100px;
    /*font-size: 2rem;*/
}

@media (min-width: 576px) {
    body::before {
        content: "SM 576px";
    }
}

@media (min-width: 768px) {
    body::before {
        content: "MD 768px";
    }
}
@media (min-width: 992px) {

    body::before {
        content: "LG 992px";
    }
}
@media (min-width: 1200px) {
    body::before {
        content: "XL 1200px";
    }
}  
@media (min-width: 1400px) {
    body::before {
        content: "XXL 1400px";
    }
}