.MI_PicTextBox{
    max-width:900px;
}

a.underliner{
    display:block;
    border-bottom:2px solid;
}


.MI_PicTextBox .ImageBox img{
    /*max-width:250px;*/
}

.MI_PicTextBox h2{
}

.MI_TABS {
    margin: 30px 0px 30px 0px;
}

    .MI_TABS .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        background-color: var(--navy);
        color: var(--green);
        border: none;
    }

    .MI_TABS .tab-content {
        background-color: var(--navy);
        color: white!important;
        min-height: 300px;
        padding: 30px;        
        margin-top: -1px;
    }

        .MI_TABS .tab-content p, .MI_TABS .tab-content li, .MI_TABS .tab-content .is-dark-text * {
            color: white !important;
        }

        .MI_TABS .tab-content h1, .MI_TABS .tab-content h2, .MI_TABS .tab-content h3 {
            color: var(--green);
            padding: 0px;
            margin: 30px 0px 0px 0px;
            text-align: left;
        }

        .MI_TABS .tab-content h1 {
        }
        .MI_TABS .tab-content h2 {
        }
        .MI_TABS .tab-content h3 {
        }


            .MI_TABS .tab-content h3:first-child {
                margin-top: 0px;
            }

        .MI_TABS .tab-content p{
            margin:.5em 0;
        }

    .MI_TABS .nav-tabs {
        border: 0px;
    }

    .MI_TABS .nav-link {
        border-radius: 0px;
        margin-bottom: 0px;
    }

    .MI_TABS a {
        color:var(--green);
    }

.dualcolourblock{
    color:white !important;
}

.colorDiv {
    padding: 20px;
    width: 100%;
    margin:15px 0px 15px 0px;
}

.dirtyGreenDiv {
    background-color: var(--dirtygreen);
    color: white;
}

.navyDiv {
    background-color: var(--navy);
    color: white;
}

    .dirtyGreenDiv a, .dirtyGreenDiv a:hover, .navyDiv a, .navyDiv a:hover {
        color: white;
    }



.dirtyGreenBlock {
    background-color: var(--dirtygreen);
    color: white;
    padding: 30px 15px 30px 15px;
    text-align: center;
    height: 100%;
}

    .dirtyGreenBlock p {
        color: var(--white);
        padding: 0px 20px 0px 20px;
    }

    .dirtyGreenBlock h1 {
        color: var(--green);
    }

.btnfindacourse {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -20px;
    margin-bottom:30px;
    text-align:center;
}

    .btnfindacourse a {
        padding: 10px 0px 10px 0px;
        color: var(--deepblue) !important;
        text-decoration: none !important;
        background-color: var(--green);
        font-weight: bold;
        border: 3px white solid;
        display: block;
        text-transform: capitalize;
        bottom: 0px;
        cursor: pointer;
    }

    .btnfindacourse a:visited {
        color: var(--green);
    }

    .btnfindacourse a:hover {
        color: white !important;
        border-color: var(--green);
    }

    @media (max-width: 768px) {
        .MI_PicTextBox {
        max-width: 100%;
        }

        .MI_PicTextBox .ImageBox img {
            max-width: 100%;
        }

        .dirtyGreenBlock {
            height: auto;
        }
}