html {
    background: #222;
}
body {
    background: #fff;
}

/*HEADER*/
#msulPhoto {
    background-image: linear-gradient(0deg,rgba(24,69,59,0.8),rgba(24,69,59,0.8)),url(//lib.msu.edu/themes/custom/msul_bootstrap5/images/LibraryHeroImage.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#msulHeader {
    padding:1em;
}
#msuMast img {
    height: 25px;
    width:219px;
}
#msulHeaderText h1, #msulHeaderText h2 {
    font-size: 20px;
    color: #ffffff;
}
#msulHeaderText h1 a, #msulHeaderText h1 a:hover, #msulHeaderText h1 a:active, #msulHeaderText h1 a:visited, #msulHeaderText h2 a, #msulHeaderText h2 a:hover, #msulHeaderText h2 a:active, #msulHeaderText h2 a:visited {
    text-decoration: none;
    color: #ffffff;
}
#msuLib {
    padding-right: 10px;
}
.toplinks {
    float: right;
    margin-top:-1.75em;
}
.toplinks ul {
    text-align: right;
    list-style-type: none;
}
.toplinks ul li {
    font-size: 14px;
    display:inline-block;
    border-right:1px solid #fff;
    padding-right:0.3em;
}
.toplinks ul li:last-child {
    border-right:none;
}
.toplinks ul li a {
    color: #ffffff
}
@media (max-width: 330px){
    #msulHeaderText h1, #msulHeaderText h2 {
       font-size:16px;
    }
}

@media (min-width:768px) {
    #msulPhoto {height:120px;}
    #msuMast img {
        height: 30px;
        width:262px;
    }
    #msulHeaderText h1, #msulHeaderText h2 {
        font-size: 24px;
    }
    #msuLib, #msulGuides {
        display: inline-block;
    }
    #msulGuides a {
        border-left: 2px solid #8aa89b;
        padding-left: 10px;
    }
    .toplinks {
        margin-top: -25px;
    }
    .toplinks ul li {
        display:list-item;
        border-right:none;
    }
}
@media (min-width:992px) {
    #msulPhoto {height:130px;}
    #msuMast img {
        height: 34px;
        width:298px;
    }
    #msulHeaderText h1, #msulHeaderText h2 {
        font-size: 28px;
    }
}


/*END HEADER*/
/*FOOTER*/

#msulFooter {
    background-color:#222;
    padding:1em;
    height:18em;
}

#msulFooter ul {
    list-style: none outside;
    padding-left:0;
    padding-right:0;
    margin-top:0;
}
#msulFooter ul li {
    color:#fff;
}
ul.msu_info_list {
    margin-bottom:0;
}

.msu_footer_unit_info li, .msu_info_list li, .msu_copyright li {
    display:inline;
    padding-right : 8px;
    padding-left: 4px;
    line-height:1.75em;
    border-right: 1px solid #ffffff;
}
.msu_footer_unit_info li:first-child, .msu_info_list li:first-child, .msu_copyright li:first-child{
      padding-left:0;
}
.msu_footer_unit_info li:last-child, .msu_info_list li:last-child, .msu_copyright li:last-child{
      border-right: none;
}
#msulFooter ul li a:link, #msulFooter ul li a:hover, #msulFooter ul li a:active, #msulFooter ul li a:visited {
      color:#fff;
}
.msu_footer_green {
    color: #81D300;
}

.msu_footer_unit_info {
    border-bottom: 1px dotted #808080;
    padding-bottom:1em;
}
@media (min-width:768px) {
    #msulFooter {
        height:13em;
    }
}
@media (min-width:992px) {
    #msulFooter {
        height:8em;
    }
    #msuWordmark {
      float:left;
      width:20%;
      margin-top:5px;
    }
    #footerText {
      float:right;
      width:73%;
    }
}
@media (min-width:1200px) {
    #footerText {
        width:78%;
    }
}
#s-lc-public-footer-brand, #s-lc-public-footer-rights {
    display:none;
}
#s-lc-public-footer {
    background-color:#fff;
}
/*END FOOTER*/