.thumbnail{
    width: 151px;
    padding-left: 15px;
}

body {
   font-size:18px;
 }

@media screen {
  .site-title {
    font-size: 40px; 
    }
  header nav a {
    font-size: 18px;
  }
}

footer {
 max-width: none;
 min-height: 160px;
 background-color: #9D2525;
 color: #fff;
 padding: 1rem 2rem;
}

.footer-logo {
 float: right;
 padding-left: 20px;
}

.footer-logo a, .footer-text, .footer-text a {
 color: #fff;
 font-family: "Gill Sans", sans-serif;
 font-weight: normal;
 border: 0;
}

.media-render>a>img{
    max-width: 750px;
    padding-bottom: 20px;
}

.item.resource>.thumbnail>img{
    max-height: 200px;
}

.media-render{
    max-width: 90%;
}

@media only screen and (max-width: 800px) {
   .media-render>a>img{
     max-width: 99%;
   }
}

.media-embed .resource:not(:only-child) img{
    width: 151px;
}

/* 
NOTE: This is the stuff for the 9-19-25 hot fix. If something broke that day the roadmap to fixing it is here. 
*/ 

.media-render>a>img{
    max-width: 212px;
}

#wrap>#content>.property{
    display: block;
}

#wrap>#content>.property>h4{
    display: inline-block;
    width: 25%;
    font-weight: bold;
    color: #000;
    margin: 0;
    text-align: right;
    padding: 0 0 0 24px;
    font-size: 22.5px;
}

#wrap>#content>.property>.value{
    display: inline-block;
    width: 73%;
    padding: 0 24px;
    margin-left: 0;
    margin-top: 0;
}

#wrap>#content>.property>.values{
    display: inline-block;
    width: 73%;
    padding: 0 24px;
    margin-left: 0;
    margin-top: 0;
}

#tagging-form-4484{
    display: none;
}

#wrap>#content>.media-list{
    display: block;
}

#wrap>#content>.properties{
    display: none;
}

.attachments>.item.resource{
    max-width: 250px;
    display: inline-block;
    padding: 20px;
}