@media only screen
and (min-device-width : 390px) 
and (max-device-width : 480px) {
    /* Your Styles... */ 
    /* body {
        background-color: rgb(223, 94, 20) !important;
    } */
    #backgroundCertificate {
        width: 1200px !important;
        height: 800px;
        background-position: fixed !important;
        background-repeat: no-repeat;
    }
}

/* 
@media only screen 
and (min-device-width : 480px) {
    body {
        background-color: pink !important;
    }
} */

@media only screen 
and (min-device-width : 481px) 
and (max-device-width : 767px) {
    /* body {
        background-color: green !important;
    } */
}

/* Tablet */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    /* body {
        background-color: red !important;
    } */

    #backgroundCertificate {
        width: 1200px !important;
        height: 800px;
        background-position: fixed !important;
        background-repeat: no-repeat;
    }

    .qr {
        top: 162px !important;
    }

    .mint-date {
        bottom: 1px !important;
    }
}

/* PC Smaller Screens */
@media only screen 
and (min-device-width : 1025px) 
and (max-device-width : 1280px) {
    /* body {
        background-color: yellow !important;
    } */
}

/* PC Bigger Screens */
@media only screen 
and (min-device-width : 1281px) {
    /* body {
        background-color: blue !important;
    } */
}