body {
  padding-top:50px;
  font-family:'Raleway', sans-serif;
}

.navbar-default {
    background-color:#1b3d6d !important;
}

.navbar-default .navbar-nav>li>a {
    color:#e0e3e9 !important;
}

.navbar-default .navbar-nav>li>a:hover {
    color:#ffd200 !important;
}

.padding-primary {
    padding:15px 0;
}

a.white {
    color:#000;
}

h1 {
    color:#fff;
    background:rgba(25, 25, 25, .85);
    max-width:333px;
    margin:35px 0 12px 0;
    padding:8px 15px;
}

h2  {
    font-size:15px;
    color:#d14500;
    margin:20px 0 3px 0;
}

h3, h4  {
    font-size:15px;
    color:#fff;
    text-transform:uppercase;
    margin:0;
    padding:5px;
}

.sub-head {
    color:#fff;
    background:rgba(25, 25, 25, .85);
    max-width:333px;
    padding:8px 15px;
}

video {
    width:100%;
    height:auto;
    position:relative;
    z-index:-1;
}

p {
    line-height:1.5em;
}

.social-media-fixed {
    position:fixed;
    text-align:center;
    list-style-type:none;
    margin:10px 0 0 -40px;
    padding:0;
}

a.social-media {
    display:block;
    margin:0.75em 0;
    text-decoration:none;
}

iframe {
    border:0px;
}

.scroll {
    font-size:14px;
    color:#fff;
    position:relative;
    bottom:0;
    float:left;
    margin-left:0;
    background:rgba(25, 25, 25, .85);
    padding:3px 9px;
}

blockquote {
    border-left:0;
    padding:0 !important; /* bootstrap default override */
}

.quote-primary {
    border-left:0;
    margin:0 20px 10px 0;
    text-transform:uppercase; 
    line-height:2em;
}

.quote-secondary {
    border-left:0;
    margin:0 0 0 35px;
    text-transform:uppercase; 
    line-height:2em;
    float:right; 
    max-width:650px;
}

.infographic {
    background-color:#fdf3e8;
    padding-bottom:30px;
}

.building-feature  {
    font-size:15px;
    color:#b13b00;
    margin:20px 0 3px 0;
}

.photo-mobile {
    float:right;
    margin:0 0 10px 20px;
}

.team {
    display:block;
    font-weight:bold;
    color:#b13b00;
    margin:20px 0 3px 15px;
    padding:0 0 12px 0;
}

.team-heading {
    color:#fff;
    background-color:#d14500;
    text-align:center;
}

.schools {
    text-align:center;
    padding:35px 5px 25px 0;
}

.team-news-item {
    padding:5px 15px 8px 15px;
}

ul.credits {
    list-style-type:none;
    margin-left:0;
    padding-left:1em;
    text-indent:-1em;
    font-size:12px;
}

.footer-social-media a {
    font-size:1.33em;
    margin:0 0 0 .50em;
    text-decoration:none;
}

.fa-facebook {
    color:#3a5897;
}

.fa-twitter {
    color:#2aa9e0;
}

.fa-google-plus {
    color:#dc4a38;
}

.fa-pinterest-p {
    color:#cc2127;
}

.fa-instagram {
    color:#595959;
}

.aria-image-label {
    color:#167097;
    height:1px;
    width:1px;
    position:absolute;
    overflow:hidden;
    top:-10px;
}

.footer-uci {
    font-size:12px;
    margin:0px;
    color:#efefef;
    text-align:center;
    padding:8px 0;
    background-color:#1b3d6d;
}
.footer-uci a {
    color:#efefef;
}

@media only screen and (max-width:480px) {
    h1 {
        font-size:18px;
        max-width:220px;
        margin:20px 0 8px 0;
        padding:8px 12px;
    }
    
    p {
        font-size:14px
    }
    
    blockquote {
        font-size:15px;
    }
    
    .social-media-fixed {
        visibility:hidden;
}
    
    .sub-head {
        font-size:12px;
        max-width:220px;
    }
    
    .scroll {
        visibility:hidden;
    }

    .quote-secondary {
        margin:0 0 10px 0;
    }
    
    .photo-mobile {
        display:block;
        width:100%;
        margin:15px 0 25px 0;
    }
    
    .footer-social-media {
        text-align:center;
        margin-top:35px;
        padding:0 3.3em 0 0;
    }    
}
    
@media only screen and (min-width:768px) {
    .photo-mobile {
        float:right;
        margin:0 0 10px 20px;
    }
    
    .footer-social-media {
        text-align:right;
    }
}