﻿
.section_head_border {
    display: none;
}

.section_nav_mobile{
    display:none !important;
}

.section_title_h1{
    display:none;
}

.section_head{
    display:none !important;
}

.base_content{
    background:#eee;
}

.main-content{
    margin-top:0px;
}

.portal-banner {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.portal-banner-mobile{
    display:none;
    width: calc(100% + 24px);
    margin-left: -12px;


}


.portal-banner-mobile img{
    width:100%;
    
}

.main-content h1 {
    font-size: 30px !important;
    color: #0047bb !important;
    text-align: left !important;
    margin-top: 10px !important;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif !important;
}

h1.portal-banner{
    margin-top:0px !important;
}

.main-icons, .commissioners {
    font-family: 'Montserrat', sans-serif;
    margin-top: 12px;
    display: table;
    width: calc(100% + 24px);
    margin-left: -12px;
    border-collapse: separate;
    border-spacing: 12px 0;
}

.commissioners{
    margin-top:0px;
}

    .main-icons a, .commissioners a {
        
        display: table-cell;
        width: 25%;
        max-width: 25%;
        min-width: 25%;
        text-align: center;
        background: #0047bb;
        padding: 10px;
        color: white;
        font-weight: 500 !important;
        font-size: 17px;
    }

    .commissioners a {
        width: 20%;
        max-width: 20%;
        min-width: 20%;
        font-size:16px;
        font-weight:500;
        padding:0;
    }

    .commissioners span{
        display:block;
        padding:5px;
    }

.main-icons img{
    display:table;
    width:50%;
    margin-left:auto;
    margin-right:auto;
}

.main-icons span{
    display:block;
}

.links-banner {
    background: #0047bb;
    padding: 15px;
    text-align: center;
    font-size: 30px;
    color: white;
    margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
}

    .links-banner .fal {
        font-size: 50px;
        margin-top: 7px;
        color: #0098ff;
    }

    .links-banner h1{
        font-size:30px !important;
        color:white !important;
        margin:0 !important;
        padding:0 !important;
        font-weight:400 !important;
        text-align:center !important;
    }

.link-buttons{
    margin-top:20px;
    display:table;
    border-spacing:10px;
    width:60%;
    min-width:500px;
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
}


    .link-buttons a {
        display: table-cell;
        width: 50%;
        background: #0047bb;
        color:white;
        padding:5px;
        font-size:16px;
        border-radius:18px;
        text-align:center;
    }

.link-text{
    text-align:center;
}

.link-text a{
    display:inline-block;
    margin:10px;
    font-size:14px;
    font-weight:400 !important;
}

.main-content h2{
    color:#333 !important;
}

@media(max-width:650px){

    .main-content h1{
        text-align:center !important;
    }

    .main-icons, .commissioners {
        display: block;
        margin: 0;
        width: 100%;
        border-spacing: 0px;
    }

    .main-icons a, .commissioners a{
        display:table;
        margin-top:12px;
        width:100% !important;
        max-width:300px !important;
        min-width:0 !important;
        margin-left:auto;
        margin-right:auto;
    }

    .link-buttons{
        display:block;
        width:100%;
        min-width:100%;
        max-width:100%;
    }

    .link-buttons a{
        display:table;
        margin-left:auto;
        margin-right:auto;
        border-spacing:0px;
        margin-bottom:20px;
        width:100%;
        max-width:300px;
    }
}

@media(max-width:500px){
    .portal-banner{
        display:none;
    }

    .portal-banner-mobile{
        display:block;
    }

    .head_top_2 {
        border-style: solid;
        border-width: 0 0 5px 0;
        border-color: #4d4d4f;
    }

    .links-banner{
        width:calc(100% + 30px);
        margin-left:-15px;
    }
}


