@media (max-width: 700px){
    #title_logo {
        font-size: .8em;
        text-wrap: normal;
        width: 60%;
        height: 20%;
    }

    .uwi-maps {
        width: 50%;
    }

    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 50px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .small-img{
        width:  20%;
        height: 20%;
    }


}

[id^="help_"] {
    color:red;
    margin-left: 10px;
    font-size: 9px;
}
.fa-asterisk{
    color:red;
}


    .substitute-header{
        position: relative;
        width: 100%;
        background-size: cover;
        background-position: center;
        background-image: url('../img/sub-header.jpg');
        text-align: left;
        color: white;
    }

    .biography{
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #2f4050;
        padding: 0;

    }

    .biography span  {
        margin:0;
        padding:2px;
        font-size: 12px;
        display:block;
        font-weight: bold;
        text-transform: capitalize;
    }

    .biography span span {
        margin:0;
        padding:2px;
        font-size: 12px;
        display:block;
        font-weight: bold;
        text-transform: capitalize;
    }



    .bio-display{
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important; font-size: 12px !important; text-align:justify !important;
    }

    .bio-display p {
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important; font-size: 12px !important; text-align:justify !important;
        margin-top: 12px;
    }

    .bio-display span{
       font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 12px; color:grey; text-transform: capitalize;
       font-weight: bold;
    }

    .bio-data {
        padding-top: 40px;
    }

    .bio-data span{
        font-weight: bold; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 12px; color:grey; text-transform: capitalize;
    }

    .bio-data p {
        font-family: Arial, Baskerville, monospace; font-size: 13px; text-align:justify;
    }

    .bubble {

    }

    .bubble h5 {
        font-weight:bold;
    }


    .publications_list {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

        font-size: 12px;

    }

    .publications_item {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #2e3436;
        font-weight: bold;
        font-size: 12px;
        margin-left: 30px; margin-top: 20px; padding: 10px;
        display:inline;

    }

    .publications_item div {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #2e3436;
        font-weight: bold;
        font-size: 12px;
        margin: 0;
    }

    .publications_item div a {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #2f4050;
        font-weight: bold;
        font-size: 12px;
        padding: 0;
        text-decoration: underline;
    }


    .publications_item div p {
        padding: 0;
        margin: 0;
        color: #2e3436;
        font-weight: bold;
        font-size: 12px;
    }

    .btn-sq-lg {
        width: 150px !important;
        height: 150px !important;
    }

    .btn-sq {
        width: 100px !important;
        height: 100px !important;
        font-size: 10px;
    }

    .btn-sq-sm {
        width: 50px !important;
        height: 50px !important;
        font-size: 10px;
    }

    .btn-sq-xs {
        width: 25px !important;
        height: 25px !important;
        padding:2px;
    }

    .dateinput {

    }

    #custom-search-input{
        padding: 3px;
        border: solid 1px #E4E4E4;
        border-radius: 6px;
        background-color: #fff;
    }

    #custom-search-input input{
        border: 0;
        box-shadow: none;
    }

    #custom-search-input button{
        margin: 2px 0 0 0;
        background: none;
        box-shadow: none;
        border: 0;
        color: #666666;
        padding: 0 8px 0 10px;
        border-left: solid 1px #ccc;
    }

    #custom-search-input button:hover{
        border: 0;
        box-shadow: none;
        border-left: solid 1px #ccc;
    }

    #custom-search-input .glyphicon-search{
        font-size: 23px;
    }

    .bio-label {
        text-transform: capitalize; color: grey;
        font-family: Arial, Baskerville, monospace;
        margin:0;
        padding:0;
    }

    .pub-label {
        text-transform:uppercase; color: grey;
        font-family: Arial, Baskerville, monospace;
        margin:0;
        padding:0;
        font-size: 10px;
    }

    .fine-text-link{
        font-weight:bold; color:#d9d9d9; float:right; margin-left: 10px; margin-top: 3px; text-decoration: underline;
    }

    .h5-grey{
        color: grey;
        font-weight:bold;
    }
    
    .app-download-form-pdf {
     margin-left:5px;
     border-left: 1px dotted #f05f40;
     padding-left: 5px;
    }



    /* Outlined buttons */

    #quicklinks {
        margin-top: 5%;
    }

    #quicklinks div {
        padding: 10px;
    }

    #quicklinks div a {
        padding: 10px;
        margin: 5px;
    }


    .outlined-button{

        border: 2px solid #8b8689;
        border-radius: 6px;
        color: #040404;
        padding: 20px;
        margin-left: 20px;
        display:inline-block;

    }

    .outlined-button:hover {
        background-color: black;
        text-decoration: none;
        color:white;
    }

    /*****************************/