body
{
    background-color: white;
    font-family: "source-sans-pro", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.topline
{
    height: 5px;
    background-color: #24354C;
    font-size: 15pt;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-decoration: none;
    padding-bottom: 10px;
    margin:0 0 0 0;
}

/* navigation */
a.nav-link {
    font-family: "source-sans-pro", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 10pt;
    text-transform: uppercase;
    color: #000000;
     margin-left: 5px; 
}

a.nav-link.active {
    color: #000000;
    background-color: #EAA825;
}
a.nav-link:hover {
    color: #FFFFFF;
    background-color: #8FCCDB;
}

/* carousel */
.carousel-item h1 {
    font-family: "source-sans-pro", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 40pt;
    color: #FFFFFF;
    text-transform: uppercase;
    display: inline-block;
    background-color: #24354C;
    padding: 10px;
    margin:0px;
}
.carousel-item .subtitle{
    font-family: "source-sans-pro", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20pt;
    color: #FFFFFF;
    display: inline-block;
    min-width: 50%;
    background-color: #24354C;
    padding: 10px;
    margin:0px;
}
.carousel-item .btn{
   
    font-style: normal;
    color: #FFFFFF;
    margin-top: 10px;
    
   
}
/*div{padding:0 0 0 0; margin:0 0 0 0;}
div .report{padding-bottom:15px}
h2 {font-size:12pt; color:white; padding:0 0 0 0; margin: 0 0 0 0;}
h2 a {text-decoration: none;}
h2 a:hover {color:#FF800F;}
.info{font-size:10pt;color: #BADDE1;}
.pijltje{font-size: 9pt;}
#statusMessage {font-size:12pt; color:white; padding:0 0 0 0; margin: 0 0 0 0;} */
@media (max-width: 991.98px) 
{
    /* CSS goes here */
    a.nav-link.active {
        color: #000000;
        background-color: #FFFFFF;
        font-weight: 800;

    }
    a.nav-link {
        color: #000000;
        font-weight: 400;
        padding-left: 8px;
        border-bottom: #24354C 1px solid;
        margin-left: 0px;;
    }
    .carousel-item h1 {
        font-size: 16pt;
        padding: 8px;
        margin:0px;
    }
    .carousel-item .subtitle{
        font-size: 12pt; 
        padding: 4px;}
}