/*CSS overwrites*/

/*Boostrap overwrites*/
/*
.body {
    background-color: blanchedalmond;
    max-width: 100%;
}*/

.clear {
    clear: both;
}

/*.container, .container-lg, .container-md, .container-sm, .container-xl {
    background-color: white;
}*/



body {
    font-size: 1rem; /* Base size */
}


.custom-container {
    max-width: 1920px;
    margin: 0 auto; /* centers the container */
    width: 100%; /* allows it to be responsive up to 1920px */
}


.p {
    /*	margin-left: 3%;
	margin-right: 3%;*/
    margin-bottom: 3px;
}

/*.html {
    font-size: 12px;
}*/

.display-5 {
    font-size: 2.25rem;
    font-weight: 300;
    line-height: 1.1;
}

    @media (max-width: 768px) {
        .display-5 {
            font-size: 2rem;
        }
    }

    /* Small screens */
    @media (max-width: 480px) {
        .display-5 {
            font-size: 1.5rem;
        }
    }

.display-6 {
    font-size: 2.5rem;
    font-weight: 200;
    line-height: 1.12;
}

    @media (max-width: 768px) {
        .display-6 {
            font-size: 1.8rem;
        }
    }

    /* Small screens */
    @media (max-width: 480px) {
        .display-6 {
            font-size: 1.2rem;
        }
    }

.display-7 {
    font-size: 2rem;
    font-weight: 200;
    line-height: 1.1;
}

    @media (max-width: 768px) {
        .display-7 {
            font-size: 1.65rem;
        }
    }

    /* Small screens */
    @media (max-width: 480px) {
        .display-7 {
            font-size: 1.1rem;
        }
    }

.display-8 {
    font-size: 1.5rem;
    font-weight: 200;
    line-height: 1.1;
}


/*Html elements*/

a:link {
    text-decoration: none;
}


ul {
    list-style-type: square;
    margin-left: 2%;
    margin-top: 8px;
    margin-bottom: 15px;
    margin-left:30px;
}

    ul > li {
        /*color: cornflowerblue;*/ /*// brown;*/
        color: darkslategray; /*// brown;*/
        margin-top: 3px;
        margin-bottom: 3px;
    }

    ul.ulReport {
        list-style-type: none;
        margin-left: 3%;
        margin-top: 15px;
        margin-bottom: 10px;
    }

        ul.ulReport li {
            color: gray;
            margin-top: 7px;
            margin-bottom: 7px;
        }

    ul.ulOutput {
        list-style-type: none;
        margin-left: 3%;
        margin-top: 15px;
        margin-bottom: 10px;
    }

        ul.ulOutput li {
            color: gray;
            margin-top: 7px;
            margin-bottom: 7px;
        }

@media (min-width: 1500px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1440px;
    }
}

@media (min-width: 1800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1740px;
    }
}

@media (min-width: 1920px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1920px;
    }
}

@media (min-width: 2520px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1920px;
        /*  max-width: 2520px;*/
    }
}