@media print {
    a[href]:after {
        content: none !important;
    }
    header,
    #map,
    #map-start,
    #no-centre,
    #footer,
    a,
    a.button,
    ol.breadcrumb,
    #regions-subregions li a.btn,
    #orgarnisations-alliances li a.btn,
    #centres-list .filters,
    .cycloneslider,
    .gdpbutton,
    .breadcrumb,
    .show-sources {
        display: none;
    }
    #map.hidee,
    #map.hidee *,
    #map-start,
    .back-to-top,
    .qpanel,
    .container-fluid .list-group {
        display: none !important;
    }
    .container-fluid .panel p {
        page-break-inside: avoid;
        margin-bottom: 10mm;
    }
    .container-fluid .panel {
        display: block;
        page-break-inside: auto;
        border: none !important;
        background-color: #fff;
    }
    h1#page-title,
    h1#title {
        font-size: 18px;
    }
    #print-header,
    #print-footer,
    .sbar a, 
    .bootstrap-table a {
        display: block;
    }
    #print-header .img-logo {
        width: 250px;
        margin-bottom: 15px;
    }
    @page {
        margin: 1.5cm;
    }
    #print-footer {
        display: block;
        width: 100%;
        text-align: center;
        border-top: 0.1pt solid #aaa;
    }
    #print-footer h2 {
        font-size: 12px;
    }
}

h1 {
    font-size: 20px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

div.card {
    width: 200px;
    float: left;
}

.flipped div.face.front {
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

div.face.front h1 {
    font-size: 20px;
}

div.face.back>div>div.panel-heading,
div.face.back>div>div.scrollTable.mCustomScrollbar {
    display: none !important;
}

.mCustomScrollBox a {
    display: inline-block !important;
}