.rb-grid {
    list-style: none;
    text-align: center;
    padding: 0;
}
.rb-grid hr{
    width: 80%;
    margin:auto;
    background: #001950;
    border-radius: 3px; 
    height:2px; 
    content: ''; 
    display: block;
    box-sizing: content-box
    }
    .rb-grid hr::after{
        height: 20px; 
        width:3px; 
        border-radius: 5px; 
        background:#001950; 
        content: ''; 
        display: inline-block;
        margin-top: -8px;
    }
@media (max-width:1079px){
    .rb-grid hr{
        display: none;
        }
        .rb-grid hr::after{
            display: none;
            }
        }
.rb-grid li {
    width: 14%;
    max-width: 200px;
    height: 6em;
    margin: 0.5%;
    background: #2e76b5;
    display: inline-block;
    justify-content: flex-start;
    padding: .5em;
    cursor: pointer;
    position: relative;
    vertical-align: top;
}

.rb-grid li {
    transition: .2s linear;
}

.rb-grid li:hover {
/*    box-shadow: 0px 1px 3px rgba(0, 0, 4, .95);*/
}

.rb-grid li.rb-span-2,
.rb-grid li.rb-span-large{
/*    width: 14%;*/
    display: inline-flex;
}
.rb-grid li.rb-span-1{
    display: inline-flex;
}
.rb-grid li.rb-span-3 {
    /*    max-width: 135px;*/
    width: 20%;
    display: inline-flex;
}

.rb-span-1 h3 {
    margin: auto;
    color: #fff;
}
.rb-span-large>h3{
    margin:auto;
    color:#fff;

}
.rb-span-2 h3 {
    margin: auto;
    color: #192e5a;
    font-weight: 500 !important;
}

.rb-span-3 h3 {
    margin: auto;
    color: #eee;
}

.rb-grid li.rb-span-4 {
    width: 99%;
}

.rb-grid li h3 {
    font-weight: 300;
    font-size: 1.2em;
    letter-spacing: .02em;
    line-height: 123%;
}

.rb-grid li h3 span {
    font-style: italic;
}

.subheader i {
    content: "0";
    width: 30px;
    height: 0px;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    margin-left: 0px;
}

.subheader #lightblue {
    border-left: 34px solid #98cfff;
    margin-top: auto;
    margin-bottom: auto;
}

.subheader #mediumblue {
    border-left: 34px solid #0099CC;
    margin-top: auto;
    margin-bottom: auto;
}

.subheader #drkblue {
    border-left: 34px solid #006699;
    margin-top: auto;
    margin-bottom: auto;
}

.subheader #midnightblue {
    border-left: 50px solid #020A4E;
}

.subheader h4 {
    font-weight: 700;
    font-size: 2em;
    text-transform: uppercase;
    margin-top: auto;
    margin-bottom: auto;text-align: left;
    padding-left: 10px;
}
@media (max-width:1079px){
    .subheader h4{
        font-size: 1.7rem
        }
    }
header.subheader h1{
    font-size: 2em;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 10px;
}
.subheader {
    display: flex;
    vertical-align: middle;
    padding-left: 10px;
    color:#001950;
    margin-left: -10px;
    margin-top: 0px;
}

.rb-span-2 #lightblue {
    background-color: #98cfff;
}

.rb-span-3 #mediumblue {
    background-color: #0099CC;
}

.rb-span-4 #drkblue {
    background-color: #006699;
}

.rb-grid li[class^="icon-"]:before,
.rb-grid li[class*=" icon-"]:before {
    font-size: 10em;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    line-height: 3;
    opacity: 0.4;
    text-align: right;
    pointer-events: none;
}
div.container.gray{
    background: #ebebeb;
    margin-bottom: 70px;
}
.rb-temp {
    display: block;
    font-size: 2em;
    opacity: 0.5;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.rb-grid li:hover .rb-temp {
    opacity: 1;
}
div.main{
    margin: auto;
}
.rb-overlay {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: -1;
    pointer-events: none;
    cursor: default;
    overflow-y: auto;
}

.rb-close {
    position: absolute;
    top: 0.4em;
    right: 0.4em;
    width: 2em;
    height: 2em;
    text-indent: -9000px;
    cursor: pointer;
    z-index: 1000;
}

.rb-close::before {
    content: 'x';
    font-weight: 100;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 3em;
    line-height: 0.6;
    text-align: center;
    text-indent: 0px;
}

.rb-topic {
    width: 100%;
    height: 100%;
}

.rb-topic > div {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    padding: 3% 0;
}

.rb-topic > div:first-child {
    width: 100%;
}

.rb-topic span {
    padding: 5% 0;
    font-size: 2em;
    font-weight: 100;
    display: block;
    margin: auto 0;
    height: 30%;
    width: 100%;
    line-height: 0.8;
}

.rb-topic span.rb-title {
    font-weight: 700;
    padding: .3em;
    font-size: 1em;
    line-height: 1.2;
}

.rb-topic [class^="icon-"]:before {
    font-size: 2.5em;
    font-weight: normal;
}

.rb-topic > div:first-child [class^="icon-"] {
    opacity: 0.1;
}

.rb-grid li#lightblue {
    background: #98cfff;
}
li.green,
li.blue{
background: #fff;
    border-radius: 1px;
    border-bottom: 3px solid #104070;
    transition: .2s ease-in-out;
    -webkit-transition:.2s ease-in-out;
    -ms-transition:.2s ease-in-out;
}
li:hover.green{
        border-bottom: 3px solid #65adb6;
    box-shadow: none;
}
li:hover.green h3{
    color:#62a8ac;
       transition: .2s ease-in-out;
    -webkit-transition:.2s ease-in-out;
    -ms-transition:.2s ease-in-out;
}
li.green h3, li.blue h3{
    color:#001950;
    font-weight: 500;
}
li:hover.blue{
     border-bottom: 3px solid #65a8c9;
    box-shadow: none;
}
li:hover.blue h3{
    color:#65a8c9;
       transition: .2s ease-in-out;
    -webkit-transition:.2s ease-in-out;
    -ms-transition:.2s ease-in-out;
}
.rb-grid li#mediumblue {
    background: #0099CC;
}

.rb-grid li#drkblue {
    background: #006699;
}


/* Overlay Columns */

.rb-grid li#lightblue .rb-topic > div {
    background: #99CCFF;
}

.rb-grid li#lightblue .rb-topic > div:nth-child(1) {
    background: #99CCFF;
}

.rb-grid li:nth-child(1) .rb-topic > div:nth-child(3) {
    background: #99CCFF;
}

.rb-grid li:nth-child(1) .rb-topic > div:nth-child(4) {
    background: #99CCFF;
}

.rb-grid li:nth-child(1) .rb-topic > div:nth-child(5) {
    background: #99CCFF;
}

.rb-grid li:nth-child(1) .rb-topic > div:nth-child(6) {
    background: #99CCFF;
}

.rb-grid li:nth-child(1) .rb-topic > div:nth-child(7) {
    background: #99CCFF;
}

.rb-grid li:nth-child(1) .rb-topic > div:nth-child(8) {
    background: #99CCFF;
}

.rb-grid li:nth-child(2) .rb-topic > div:nth-child(1) {
    background: #33CCCC;
}

.rb-grid li:nth-child(2) .rb-topic > div:nth-child(2) {
    background: #2DB4B4;
}

.rb-grid li:nth-child(2) .rb-topic > div:nth-child(3) {
    background: #29A3A3;
}

.rb-grid li:nth-child(2) .rb-topic > div:nth-child(4) {
    background: #259393;
}

.rb-grid li:nth-child(2) .rb-topic > div:nth-child(5) {
    background: #218383;
}

.rb-grid li:nth-child(2) .rb-topic > div:nth-child(6) {
    background: #1D7272;
}

.rb-grid li:nth-child(2) .rb-topic > div:nth-child(7) {
    background: #186262;
}

.rb-grid li:nth-child(2) .rb-topic > div:nth-child(8) {
    background: #145252;
}

.rb-grid li:nth-child(3) .rb-topic > div:nth-child(1) {
    background: #996699;
}

.rb-grid li:nth-child(3) .rb-topic > div:nth-child(2) {
    background: #936293;
}

.rb-grid li:nth-child(3) .rb-topic > div:nth-child(3) {
    background: #875A87;
}

.rb-grid li:nth-child(3) .rb-topic > div:nth-child(4) {
    background: #7A527A;
}

.rb-grid li:nth-child(3) .rb-topic > div:nth-child(5) {
    background: #6E496E;
}

.rb-grid li:nth-child(3) .rb-topic > div:nth-child(6) {
    background: #624162;
}

.rb-grid li:nth-child(3) .rb-topic > div:nth-child(7) {
    background: #563956;
}

.rb-grid li:nth-child(3) .rb-topic > div:nth-child(8) {
    background: #493149;
}

.rb-grid li:nth-child(4) .rb-topic > div:nth-child(1) {
    background: #C24747;
}

.rb-grid li:nth-child(4) .rb-topic > div:nth-child(2) {
    background: #B83D3D;
}

.rb-grid li:nth-child(4) .rb-topic > div:nth-child(3) {
    background: #A83838;
}

.rb-grid li:nth-child(4) .rb-topic > div:nth-child(4) {
    background: #993333;
}

.rb-grid li:nth-child(4) .rb-topic > div:nth-child(5) {
    background: #8A2E2E;
}

.rb-grid li:nth-child(4) .rb-topic > div:nth-child(6) {
    background: #7A2929;
}

.rb-grid li:nth-child(4) .rb-topic > div:nth-child(7) {
    background: #6B2424;
}

.rb-grid li:nth-child(4) .rb-topic > div:nth-child(8) {
    background: #5C1F1F;
}

.rb-grid li:nth-child(5) .rb-topic > div:nth-child(1) {
    background: #e2674a;
}

.rb-grid li:nth-child(5) .rb-topic > div:nth-child(2) {
    background: #E05C3E;
}

.rb-grid li:nth-child(5) .rb-topic > div:nth-child(3) {
    background: #DD4D2C;
}

.rb-grid li:nth-child(5) .rb-topic > div:nth-child(4) {
    background: #D34322;
}

.rb-grid li:nth-child(5) .rb-topic > div:nth-child(5) {
    background: #C13D1F;
}

.rb-grid li:nth-child(5) .rb-topic > div:nth-child(6) {
    background: #AF371D;
}

.rb-grid li:nth-child(5) .rb-topic > div:nth-child(7) {
    background: #9E321A;
}

.rb-grid li:nth-child(5) .rb-topic > div:nth-child(8) {
    background: #8C2C17;
}

.rb-grid li:nth-child(6) .rb-topic > div:nth-child(1) {
    background: #FFCC66;
}

.rb-grid li:nth-child(6) .rb-topic > div:nth-child(2) {
    background: #FFC247;
}

.rb-grid li:nth-child(6) .rb-topic > div:nth-child(3) {
    background: #FFBB33;
}

.rb-grid li:nth-child(6) .rb-topic > div:nth-child(4) {
    background: #FFB41F;
}

.rb-grid li:nth-child(6) .rb-topic > div:nth-child(5) {
    background: #FFAD0A;
}

.rb-grid li:nth-child(6) .rb-topic > div:nth-child(6) {
    background: #F5A300;
}

.rb-grid li:nth-child(6) .rb-topic > div:nth-child(7) {
    background: #E09600;
}

.rb-grid li:nth-child(6) .rb-topic > div:nth-child(8) {
    background: #CC8800;
}

.rb-grid li:nth-child(7) .rb-topic > div:nth-child(1) {
    background: #99CC99;
}

.rb-grid li:nth-child(7) .rb-topic > div:nth-child(2) {
    background: #85C185;
}

.rb-grid li:nth-child(7) .rb-topic > div:nth-child(3) {
    background: #77BB77;
}

.rb-grid li:nth-child(7) .rb-topic > div:nth-child(4) {
    background: #6AB46A;
}

.rb-grid li:nth-child(7) .rb-topic > div:nth-child(5) {
    background: #5CAD5C;
}

.rb-grid li:nth-child(7) .rb-topic > div:nth-child(6) {
    background: #52A352;
}

.rb-grid li:nth-child(7) .rb-topic > div:nth-child(7) {
    background: #4B954B;
}

.rb-grid li:nth-child(7) .rb-topic > div:nth-child(8) {
    background: #448844;
}

.rb-grid li:nth-child(8) .rb-topic > div:nth-child(1) {
    background: #669999;
}

.rb-grid li:nth-child(8) .rb-topic > div:nth-child(2) {
    background: #629393;
}

.rb-grid li:nth-child(8) .rb-topic > div:nth-child(3) {
    background: #5A8787;
}

.rb-grid li:nth-child(8) .rb-topic > div:nth-child(4) {
    background: #527A7A;
}

.rb-grid li:nth-child(8) .rb-topic > div:nth-child(5) {
    background: #496E6E;
}

.rb-grid li:nth-child(8) .rb-topic > div:nth-child(6) {
    background: #416262;
}

.rb-grid li:nth-child(8) .rb-topic > div:nth-child(7) {
    background: #395656;
}

.rb-grid li:nth-child(8) .rb-topic > div:nth-child(8) {
    background: #314949;
}

.rb-grid li:nth-child(9) .rb-topic > div:nth-child(1) {
    background: #CC6699;
}

.rb-grid li:nth-child(9) .rb-topic > div:nth-child(2) {
    background: #C7578F;
}

.rb-grid li:nth-child(9) .rb-topic > div:nth-child(3) {
    background: #C24785;
}

.rb-grid li:nth-child(9) .rb-topic > div:nth-child(4) {
    background: #B83D7A;
}

.rb-grid li:nth-child(9) .rb-topic > div:nth-child(5) {
    background: #A83870;
}

.rb-grid li:nth-child(9) .rb-topic > div:nth-child(6) {
    background: #993366;
}

.rb-grid li:nth-child(9) .rb-topic > div:nth-child(7) {
    background: #8A2E5C;
}

.rb-grid li:nth-child(9) .rb-topic > div:nth-child(8) {
    background: #7A2952;
}

.rb-grid li:nth-child(10) .rb-topic > div:nth-child(1) {
    background: #339966;
}

.rb-grid li:nth-child(10) .rb-topic > div:nth-child(2) {
    background: #2E8A5C;
}

.rb-grid li:nth-child(10) .rb-topic > div:nth-child(3) {
    background: #297A52;
}

.rb-grid li:nth-child(10) .rb-topic > div:nth-child(4) {
    background: #246B47;
}

.rb-grid li:nth-child(10) .rb-topic > div:nth-child(5) {
    background: #1F5C3D;
}

.rb-grid li:nth-child(10) .rb-topic > div:nth-child(6) {
    background: #194D33;
}

.rb-grid li:nth-child(10) .rb-topic > div:nth-child(7) {
    background: #143D29;
}

.rb-grid li:nth-child(10) .rb-topic > div:nth-child(8) {
    background: #0F2E1F;
}

.rb-grid li:nth-child(11) .rb-topic > div:nth-child(1) {
    background: #666699;
}

.rb-grid li:nth-child(11) .rb-topic > div:nth-child(2) {
    background: #626293;
}

.rb-grid li:nth-child(11) .rb-topic > div:nth-child(3) {
    background: #5A5A87;
}

.rb-grid li:nth-child(11) .rb-topic > div:nth-child(4) {
    background: #52527A;
}

.rb-grid li:nth-child(11) .rb-topic > div:nth-child(5) {
    background: #49496E;
}

.rb-grid li:nth-child(11) .rb-topic > div:nth-child(6) {
    background: #414162;
}

.rb-grid li:nth-child(11) .rb-topic > div:nth-child(7) {
    background: #393956;
}

.rb-grid li:nth-child(11) .rb-topic > div:nth-child(8) {
    background: #313149;
}

@media screen and (max-width: 1090px) {
    .rb-grid li,
    .rb-grid li.rb-span-2,
    .rb-grid li.rb-span-3,
    .rb-grid li.rb-span-4,
    .rb-grid li.rb-span-large{
        width: 100%;
    display: inline-flex;
/*        height: 5.8em; reinstate after links are added*/ 
        height: 3rem;
    }
    .rb-grid li h3 {
        text-align: left;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: 6px;
        line-height: 2.2em;
        font-weight: 500;
    }
    .rb-grid li[class^="icon-"]:before,
    .rb-grid li[class*=" icon-"]:before {
        font-size: 6em;
        left: auto;
        right: 0;
        line-height: 2.5;
    }
    .rb-grid li > div {
        text-align: center;
    }
    .subheader {
        margin-top: 16px;
        display: inline-block;
    }
    .rb-grid li.rb-span-2,
    .rb-grid li.rb-span-large{
        width: 100%;
        display: inline-flex;
    }
    
    .rb-grid {
        list-style: none;
        text-align: center;
        padding: 0;
        text-align: left;
        width: 100%;
        display: block;
/*        padding:30px;*/
    }
    .rb-grid li h3{
        margin-left: 3%;
    }
    .rb-grid li {
        max-width: none;
        padding: 0;
        margin: 0;
        margin-bottom: 1%;
       
    }
}
section.contactus .rb-span-large span{
    display: block;
    margin: auto;
}
section.contactus .rb-span-large i.material-icons,
section.contactus .rb-span-large i.fa{
    color:#001950;
    font-size: 2rem;
    transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    -ms-transition:.3s ease-in-out;
}
section.contactus .rb-span-large:hover i.material-icons,
section.contactus .rb-span-large:hover i.fa{
    color:#00bfff;
}
section.contactus .rb-span-large h3{
    line-height: 1;
    font-weight: 200;
}
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.rb-grid li.rb-span-1,
    .rb-grid li.rb-span-2{
    display: -ms-inline-flexbox;
}
}