@media screen {
    header {
        top: -100px;
        display: none;
    }
    body {
        background-color: #eeeeee;
    }
    .bg-primary-100 {
        background-color: #d4effa;
    }
    .bg-primary-500 {
        background-color: #4c82bb;
    }
    .text-primary-500 {
        color: #4c82bb;
    }
    .border-primary-500 {
        border: 1px solid #4c82bb;
    }
    .border-t-primary-500 {
        border-top-width: 1px;
        border-style: solid;
        border-color: #4c82bb;
    }
    .text-accent-500 {
        color: #FF7043;
    }
    .bp {
        background: rgba(43, 53, 72, 0.86);
        color: #000;
    }
    .ba {
        background: #f57c00;
    }
    .cp {
        color: #2b3548;
    }
    .ca {
        color: #f57c00;
    }
    .cg {
        color: #777;
    }
    .hc {
        background: #ede7f6;
    }
    /*theme color, dark or light*/
    .cw {
        color: #fff;
    }
    .dark {
        color: #2b3548;
    }
    .dark-1 {
        color: rgba(43, 53, 72, 0.86);
    }
    .dark-2 {
        color: rgba(43, 53, 72, 0.68);
    }
    .dark-3 {
        color: rgba(43, 53, 72, 0.12);
    }
    .pumpkin-orange {
        color: #f57c00;
    }
    .bluey-purple {
        color: #584ac2;
    }
    .light-blue {
        color: #dae9f8;
    }
    .bg-light-blue {
        background: #dae9f8;
    }
    .header-img {
        background: url('images/header2.png') no-repeat left;
    }
    .pie:hover i,
    .line:hover i {
        color: #ef555c;
    }
    .year {
        border-top: 4px solid #999;
    }
    .year-15 {
        border-top: 4px solid #ef555c;
    }
    .year:hover {
        border-top: 4px solid #ef555c;
    }
    .border-a {
        border-top: 4px solid #ef555c;
    }
    .border-g {
        border-top: 4px solid #999;
    }
    @keyframes colors {
        0% {
            stroke: #2196f3;
        }
        25% {
            stroke: #ef555c;
        }
        50% {
            stroke: #2196f3;
        }
        75% {
            stroke: #ef555c;
        }
        100% {
            stroke: #2196f3;
        }
    }
    .td-row {
        color: #000000;
    }
    .td-row:hover {
        background: none;
    }
    .td-level-1 {
        color: #000000;
    }
    .td-level-2 {
        color: #555;
    }
    .td-level-3 {
        color: #888;
    }
    /* .td-level-3 {
	color: rgba(43, 53, 72, 0.68);
} */
    .td-level-4 {}
    .social-share {
        clear: both;
        padding-top: 36px;
    }
    .social-share .share-fb {
        border: 2px solid #ef555c;
        color: #ef555c;
    }
    .social-share .share-fb:hover {
        color: #ffffff;
        background: #ef555c
    }
    .social-share .share-twitter {
        border: 2px solid #ef555c;
        color: #ef555c;
    }
    .social-share .share-twitter:hover {
        color: #ffffff;
        background: #ef555c
    }
}