body {
    font-family: “Metropolis”, arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 106%;
}

/*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;
    max-width: 1100px;
    margin: auto;
}
#msuMast img {
    height: 25px;
    width: 219px;
}
#msulHeaderText h1, #msulHeaderText {
    font-size: 133%;
    color: #ffffff;

}
#msulHeaderText h1 a,  #msulHeaderText h1 a:visited, #msuLib a, #msuLib a:visited {
    text-decoration: none;
    color: #ffffff;
    font-size: 100%;
    letter-spacing: 1.2px;
}

#msulHeaderText h1 a:hover, #msulHeaderText h1 a:active,  #msuLib a:hover, #msuLib a:active{
    text-decoration: underline;
}
#msuLib {
    padding-right: 10px;
}
#msuLib a, #msulGuides h1 a {
    font-weight: 500;
}
.toplinks {
    float: right;
    margin-top:-1.75em;
}
.toplinks ul {
    text-align: right;
    list-style-type: none;
}
.toplinks ul li {
    font-size: 93%;
    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;
    font-size: 1rem!important;   
    text-decoration: none; 
}
.toplinks ul li a:hover, .toplinks ul li a:active {
    text-decoration: underline; 
}

/* Body styles */
div.content {
    max-width: 1100px;
    margin: auto;
    margin-top: 1em;
    padding: 1em!important;
}
.entry img {
    display: inline-block;
    vertical-align: middle;
    margin-right: .3em;    
}
div.content > div:nth-child(1) {
    padding-bottom: .4em;
}
.entry {
    padding-bottom: .3em;
    font-family: arial, sans-serif;
}
/* Ending body styles */

@media (min-width:992px) {
    #msulPhoto {height:130px;}
    #msuMast img {
        height: 34px;
        width:298px;
    }
}
@media (min-width:980px) {
    #msulPhoto {height:120px;}
    #msuMast img {
        height: 30px;
        width:262px;
    }
    #msuLib h1 {
        font-size: 186%;
    }
    #msuLib, #msulGuides {
        display: inline-block;
    }
    #msulGuides a {
        border-left: 2px solid #8aa89b;
        padding-left: 10px;
        font-size: 133%;
        color: #ffffff;
        font-weight: 500;
    }
    .toplinks {
        margin-top: -25px;
    }
    .toplinks ul li {
        display:list-item;
        border-right:none;
    }
}
@media (max-width: 380px){
   #msulHeaderText h1 a,  #msulHeaderText h1 a:visited, #msuLib a, #msuLib a:visited {
   font-size: 133%;
}
    div.toplinks{
       font-size: 73%;
    }
}



/*END HEADER*/
/*FOOTER*/
.footer {
    max-width: 1100px;
    margin: auto;
    padding: 1em;
    font-size: smaller;
    margin-top: 20px;
}

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

.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 #18453B;
}
.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:visited {
      color:#000;
      text-decoration: none;
}
#msulFooter ul li a:hover, #msulFooter ul li a:active {
     color:#000;
      text-decoration: underline;
}
.msu_footer_green a {
    color: #18453b;
	text-decoration: underline;
}
.msu_footer_green a:hover{
		text-decoration: none;
}
.msu_footer_unit_info {
    border-bottom: 1px dotted #808080;
    margin-bottom: .5em;
    padding-bottom: .5em;
}
@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:74%;
    }
}
#s-lc-public-footer-brand, #s-lc-public-footer-rights {
    display:none;
}
#s-lc-public-footer {
    background-color:#fff;
}
/*END FOOTER*/