h1.site-title {
       font-family: Jockey One; 
       text-transform: uppercase; 
       font-size: 28px; 
       letter-spacing: 2px; 
    } 

h1.site-title a {
    } 

.upcoming-events-header {
       float: right; 
    } 

.featured-content img {
       height: 179px; 
    } 

#page .site-content .hentry .entry-content {
       width: 651px; 
       max-width: 609px; 
    } 

.grid .featured-content img {
    } 

.grid .featured-content .entry-header {
    } 

.grid .featured-content .entry-header .entry-title a {
    } 

#page .site-content .hentry .entry-title {
       text-align: center; 
    } 


@media screen and (min-width: 481px) and (max-width: 768px) { h1.site-title a {   list-style-position: outside; }  }  
@media screen and (min-width: 481px) and (max-width: 768px) { h1.site-title a {   display: block; }  }  
@media screen and (min-width: 481px) and (max-width: 768px) { .upcoming-events-header {   float: right; }  }  
@media screen and (min-width: 481px) and (max-width: 768px) { .upcoming-events-header {   list-style-type: disc; }  }  
@media screen and (min-width: 481px) and (max-width: 768px) { .upcoming-events-header {   display: none; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .upcoming-events-header {   display: none; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { #page .site-content .hentry .entry-content {   width: 254px; }  }  
@media screen and (min-width: 481px) and (max-width: 768px) { .featured-content img {   height: 205px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .grid .featured-content img {   height: auto; }  }  
@media screen and (min-width: 481px) and (max-width: 768px) { .grid .featured-content img {   height: auto; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .grid .featured-content .entry-header {   height: auto; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .grid .featured-content .entry-header .entry-title a {   height: auto; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .grid .featured-content .entry-header .entry-title a {   min-height: 25px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .grid .featured-content .entry-header .entry-title a {   display: inline-block; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .grid .featured-content .entry-header {   min-height: 41px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .grid .featured-content .entry-header {   padding-bottom: 10px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .grid .featured-content .entry-header {   padding-right: 0px; }  }  