#calculated-consumption-invoice-1 {
    left: 47%;
    top: 10%;
}

#calculated-consumption-invoice-2 {
    left: 47%;
    top: 15%;
}

#calculated-consumption-invoice-3 {
    left: 47%;
    top: 30.5%;
}

#calculated-consumption-invoice-4 {
    left: 47%;
    top: 50%;
}

#calculated-consumption-invoice-5 {
    left: 47%;
    top: 60.5%;
}

#calculated-consumption-invoice-6 {
    left: 47%;
    top: 72%;
}

#calculated-consumption-invoice-7 {
    left: 47%;
    top: 81.5%;
}

#calculated-consumption-invoice-8 {
    left: 46%;
    top: 8%;
}

#calculated-consumption-invoice-9 {
    left: 46%;
    top: 40%;
}

.calculated-consumption-invoice-page-1 {
    background: url('/Portal.ToploTheme/images/invoices/calculated-consumption-invoice/mobile/page1.png') no-repeat;
    background-size: contain;
    background-position-x: center;
    width: 100%;
    min-height: 38em;
}

.calculated-consumption-invoice-page-2 {
    background: url('/Portal.ToploTheme/images/invoices/calculated-consumption-invoice/mobile/page2.png') no-repeat;
    background-size: contain;
    background-position-x: center;
    width: 100%;
    min-height: 38em;
}


@media(min-width:1050px) {

    .calculated-consumption-invoice-page-1 {
        background: url('/Portal.ToploTheme/images/invoices/calculated-consumption-invoice/page1.png') no-repeat;
        background-size: 100% 100%;
        width: 50%;
        min-height: 38em;
    }

    .calculated-consumption-invoice-page-2 {
        background: url('/Portal.ToploTheme/images/invoices/calculated-consumption-invoice/page2.png') no-repeat;
        background-size: 100% 100%;
        width: 50%;
        min-height: 38em;
    }
    
}