body, p {
    font-family: 'Roboto', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Metrophobic', sans-serif !important;
}

.head-special {
    font-family: 'Metrophobic', sans-serif !important;
    font-size: 1.3em !important;

}

.subhead-text {
    font-size: 1.375rem;
}

.picticon {
    color: #4FC1EC !important;
}

.white {
    color: #FFFFFF !important;
}

.green {
    color: #B8D12D !important;
}

.source {
    color: #818181 !important;
    font-family: 'Source Code Pro', monospace !important;
    font-size: .9rem !important :
}

.top-5 {
    padding-top: 5px;
}

.top-3 {
    padding-top: 3px;
}

.top-10 {
    padding-top: 10px;
}

.intro {
    background: url("../img/hex.svg") no-repeat right;
    margin: 0;
    border: 0;
}

.blue-panel {
    background-color: #0C4E67;
}

.white-panel {
    margin: 0;
    background-color: #ffffff;
}

.gray-panel {
    background-color: #D8D8D8;
    margin: 0;
    border: 0;
}

.icons {
    padding-left: 0;
    list-style: none;
}

.icon {
    text-align: center;
    background: #efefef;
    border: 1px solid #fff;
}

.icon-container {
    height: 110px;
    padding: 30px 10px 20px 10px;
}

.iconic {
    font-size: 16px;
}

.iconic-class {
    display: block;
    text-align: center;
    word-wrap: break-word
}

.tabs dd.active a, .tabs .tab-title.active a {
    background-color: #dddddd;
    color: #222222;
}