/*hide stuff*/
@media print {
    
    .breadcrumbs {
        display: none;
    }
    
    .footer {
        display: none !important;
    }
    
    .hdr {
        display: none;
    }
    
    a {
        display: none;
    }
    
    .filter-wrap {
        display: none !important;
    }
    
    .tagline-wrap {
        display: none;
    }
    
    .underline-link {
        display: none;
    }
    
    button {
        display: none !important;
    }
    
    .btn {
        display: none;
    }
    
    .compare-checkbox {
        display: none;
    }
    
    .btn-primary {
        display: none;
    }
    
    .mod {
        width: 100%;
        margin-left: 0;
    }
    
    #change-zip {
        display: none;
    }
    
    br {
        display: none;
    }
    
    .form-wrap {
        display: none;
    }
    
    .show-980-less {
        display: none;
    }
    
    .csv-export-wrap {
        display: none;
    }
    
    #survey {
        display: none;
    }
    
}

@media print {
    .card {
        border: 1px solid black;
        max-width: 100%;
        padding: 10px;
        margin-bottom: 5px !important;
    }
    
    .card .middle {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: start;
    }
    
    .card .middle .container.first {
        width: 56%;
    }
    
    .card .middle .container.second {
        width: 44%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    
    .card .container {
        margin-top: 5px !important;
    }
    
    .card .data-wrap {
        display: flex;
        flex-direction: column;
        align-items: start;
        width: 48%;
    }
    
    .flex-row {
        display: flex;
        justify-content: start;
        align-items: start;
        flex-wrap: wrap;
    }
    
    .card, .medium, .xsmall, .small {
        font-size: 12px !important;
    }
    
    .company-info {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    
    .highlight {
        font-weight: bold;
    }
}