* {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.print-header {
    margin: 10px auto 20px auto;
    max-width: 90%;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
    align-content: stretch;
}

.print-button {
    color: #fff;
    background: #ff8c00;
    border: none;
    border-radius: 3px;
    font: 16px Arial, Helvetica, sans-serif;
    padding: 10px 14px 10px 14px;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
}

/* detail */
.print-detail {
    border-top: 1px solid #000000;
    font: 16px Arial, Helvetica, sans-serif;
    margin: 0 auto 20px auto;
    padding: 20px 0 0 0;
    max-width: 90%;
}

.print-detail__headline-and-price {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

.print-detail__headline-item,
.print-detail__price-full {
    font: bold 48px Arial, Helvetica, sans-serif;
}

.print-detail__discontinued {
    border: 2px solid #000000;
    border-radius: 3px;
    font: bold 24px Arial, Helvetica, sans-serif;
    padding: 10px 20px;
    text-align: center;
    margin: 30px 0;
}

.print-detail__phone {
    font: bold 48px Arial, Helvetica, sans-serif;
    margin: 40px 0 0 0;
}

.print-detail__firm {
    font: 18px Arial, Helvetica, sans-serif;
    margin: 0 0 40px 0;
}

.print-detail__date-and-id {
    color: #999999;
    margin: 0 auto 20px auto;
}

.print-detail__address {
    font-weight: bold;
}

.print-detail__param {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

.print-detail__param-item {
    min-width: 46%;
    max-width: 46%;
    flex-shrink: 0;
}

.print-detail__param-item-headline {
    font: bold 24px Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #999999;
    margin: 20px 0 20px 0;
}

.print-detail__param-item-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    margin: 0 0 10px 0;
}

.print-detail__param-item-name {
    margin: 0 10px 0 0;
}

.print-detail__param-item-name:after {
    content: ': ';
}

.print-detail__param-item-value {
    font-weight: bold;
}

.print-detail__comment {
    font: 20px Arial, Helvetica, sans-serif;
    margin: 30px 0 60px 0;
    max-width: 70%;
}

.print-detail__map {
    height: auto;
    max-width: 650px;
}

.print-detail__photo {
    height: auto;
    max-width: 650px;
}

.print-detail__param-print {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: stretch;
}

@media print {

    @page {
        padding: 0;
        margin: 0;
    }

    .print-button {
        display: none;
    }

    .print-detail {
        font: 9pt Arial, Helvetica, sans-serif;
    }

    .print-detail__headline-item,
    .print-detail__price-full {
        font-size: 20pt;
    }

    .print-detail__param-item-headline {
        font-size: 11pt;
    }

    .print-detail__phone {
        font-size: 20pt;
    }
    .print-detail__firm {
        font-size: 9pt;
    }

    .print-detail__comment {
        font-size: 10pt;
        max-width: 100%;
        margin: 10px 0 20px 0;
    }

    .print-detail__param-item-container {
        margin: 0 0 5px 0;
    }

    .print-detail__discontinued {
        margin: 20px 0;
    }

    print-detail__phone {
        margin: 20px 0 0 0;
    }
    .print-detail__firm {
        margin: 0 0 20px 0;
    }

    .print-detail__date-and-id {
        margin: 0 auto 5px auto;
    }

    .print-detail__map {
        width: 100%;
    }

    .print-detail__map {
        max-width: 325px;
    }

    .print-detail__photo {
        max-width: 325px;
    }

    .print-detail__param-print {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        align-content: stretch;
    }
}