.wrapper {
    margin: auto 150px;
    transition: all .5s ease;
}
.OrderInvoice {
    margin-top: 100px;
}
.OrderInvoice button {
    width: 100px;
    margin-bottom: 5px;
    background-color: #000;
    color: #fff;
    height: 100%;
    padding: 5px 10px;
    border: 0;
    cursor: pointer;
}
.OrderInvoice__order-details {
    display: grid;
    /*border: 1px solid #e7e7e7;*/
    grid-template-areas:
        "A1 A2 A3 A4"
        "B1 B2 B3 B4"
        "C1 C2 C3 C4"
        "D1 D2 D3 D4";
    grid-template-rows: repeat(4,1fr);
    grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr;
    height: 100%;
    padding: 20px;
    background: #fff;
    grid-gap: 10px;
}
.OrderInvoice__order-details #OI-order-number {
    grid-area: A1;
    display: flex;
    grid-column: 1/span 2;
}
.OrderInvoice__order-details strong {
    margin-right: 10px;
    margin-bottom: 3px;
    font-size: 1em;
}
.OrderInvoice__order-details #OI-order-date {
    grid-area: B1;
    display: flex;
    grid-column: 1/span 2;
}

.OrderInvoice__order-details p {
    margin-bottom: 3px;
}
.OrderInvoice__order-details #OI-order-amount {
    grid-area: C1;
    display: flex;
    grid-column: 1/span 2;
}
.OrderInvoice__order-details #OI-payment-method {
    grid-area: D1;
    display: flex;
    grid-column: 1/span 2;
}
.OrderInvoice__order-details #OI-billing-information {
    grid-area: A3;
    grid-column: 3/span 2;
    grid-row: 1/span 2;
}
.OrderInvoice__order-details #OI-shipping-information {
    grid-area: C3;
    grid-column: 3/span 2;
    grid-row: 3/span 2;
}
.OrderInvoice__description-bar {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr;
    padding: 10px 20px;
    border: 1px solid #e7e7e7;
    background: #e7e7e7;
    font-weight: 700;
}
.OrderInvoice__products {
    background: #fff;
    /*border: 1px solid #e7e7e7;*/
}
.OrderInvoice__products .OI-item-block {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr;
    padding: 10px 20px;
    margin-top: 10px;
}
.OrderInvoice__products .OI-item-block img {
    max-height: 100px;
}
.OrderInvoice__products .OI-item-block .OI-brand-details {
    line-height: 20px;
}
.OrderInvoice__products .OI-item-block #OI-brand-name {
    font-weight: 700;
}
@media (max-width: 768px) {
    .wrapper {
        margin: auto 10px;
        transition: all .5s ease;
    }
}
@media (max-width: 768px) {
    .OrderInvoice {
        font-size: 12px;
    }
}

@media print
{
    #non-printable { display: none; }
    #printMe { display: block; }
}