/* Mobile first queries */

.midhead3 {font-family: 'Passion One'; color: #000; text-decoration: none; font-size: 2em; line-height: 1em;}

.midhead-feat {font-family: 'Passion One'; color: #000; text-decoration: none; font-size: 1.3em; line-height: .9em;}
.midhead-feat A:link {font-family: 'Passion One';font-size: 1.3em;text-decoration: none; line-height: .9em;color: #000;}
.midhead-feat A:visited {font-family: 'Passion One';font-size: 1.3em;text-decoration: none; line-height: .9em;color: #000;}
.midhead-feat A:active {font-family: 'Passion One';font-size: 1.3em;text-decoration: none; line-height: .9em;color: #000;}
.midhead-feat A:hover {font-family: 'Passion One';font-size: 1.3em;color: #ae2100; text-decoration: underline; line-height: .9em;}

.headlines23 A:link {font-family: Lato; color: #ae2100; text-decoration: underline; font-size: 1em;}
.headlines23 A:visited {font-family: Lato; color: #ae2100; text-decoration: underline; font-size: 1em;}
.headlines23 A:active {font-family: Lato; color: #ae2100; text-decoration: underline; font-size: 1em;}
.headlines23 A:hover {font-family: Lato; color: #ae2100; text-decoration: underline; font-size: 1em;}

#top-feat-head {width: 100%;}   
#top-feat-img {width: 100%;}    
#top-feat-tease {width: 100%;}
#feat-cat-wrap {width: 100%; margin-top: 10px;}

#front-feat-wrap {width: 100%;height: auto; color: ##333 !important;padding-bottom: 10px; margin-bottom: 20px;border-bottom: 1px solid #ccc;}
#front-feat-img {width: 70px;height: 70px;margin-right: 10px;float: left;overflow: hidden;text-align: center;}
#front-feat-head {width: 72%;float: left;}
#front-feat-tease {width: 100%;padding-top: 5px;}

#sub-feat-img {width: 70px;height: 70px;margin-right: 10px;float: left;overflow: hidden;text-align: center;}


.front-img {width: 100px;left: 50%;margin-left: -15px;}
.featgal-spec {width: 100%;}

.photopost img {position: relative; width: 100%;}

.feature-small {width: 100%;}
.feature-small img {position: relative; width: 100%;}

.fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.fluidMedia iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

.pullquote {position: relative;width: 100%; margin: 8px 0px;border-top: 2px solid #ccc;border-bottom: 2px solid #ccc;padding: 12px;font-size: 1.3em; font-family: Georgia, Times, Serif;font-style: italic;background-color: #f0f0f0;box-sizing: border-box;}
.pullquote-person {display: block;padding-top: 8px;font-size: .9em;font-style: normal;color: #36454f;font-weight: bold;}

#page-numbers {margin-top: 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 2px 0px 2px 0px; width: 100%; max-width: 750px;font-size: .9em;}

/* Larger than mobile */
@media (min-width: 400px) {

}

/* Larger than phablet */
@media (min-width: 550px) {

#feat-cat-wrap {width: 90%; float: right;}
#front-feat-wrap {border-box-sizing: box;width: 45%;float: left; margin-right: 20px;height: auto; min-height: 250px;color: ##333 !important; border: 0;}
#front-feat-img {width: 100%;height: auto;}
#front-feat-head {width: 100%;}
#front-feat-tease {width: 100%;}

#sub-feat-img {width: 35%;margin-right: 10px;float: left;height: auto;}
#sub-feat-wrap {width: 60%; float: left;}

.midhead-feat {font-family: 'Passion One'; color: #000; text-decoration: none; font-size: 1.5em; line-height: 1em;}
.midhead-feat A:link {font-family: 'Passion One';font-size: 1.5em;text-decoration: none; line-height: 1em;color: #000;}
.midhead-feat A:visited {font-family: 'Passion One';font-size: 1.5em;text-decoration: none; line-height: 1em;color: #000;}
.midhead-feat A:active {font-family: 'Passion One';font-size: 1.5em;text-decoration: none; line-height: 1em;color: #000;}
.midhead-feat A:hover {font-family: 'Passion One';font-size: 1.5em;color: #ae2100; text-decoration: underline; line-height: 1em;}

.front-img {width: 98%;}
#page-numbers {margin-top: 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0px 5px 0px; width: 100%; max-width: 750px;}

}

/* Larger than tablet */
@media (min-width: 750px) {
    
.midhead3 {font-family: 'Passion One'; color: #000; text-decoration: none; font-size: 3em; line-height: 1em;}    

.pullquote {float: right;position: relative; margin: 0px -65px 8px 5px;width: 280px;}
    
#top-feat-head {float: right; margin-left: 10px; width: 42%;}   
#top-feat-img {width: 55%;float: left;}    
#top-feat-tease {float: right; margin-left: 10px; width: 42%;}   
.featgal-spec {width: 710px;margin-left: -65px;}


.feature-small {float: left; width: 45%;margin: 5px;}

}

/* Larger than desktop */
@media (min-width: 1000px) {

.featgal-spec {width: 750px;max-width: 750px; margin-left: -65px;}
.pullquote {float: right;position: relative; margin: 0px -65px 8px 5px;width: 380px;}
    
}

/* Larger than Desktop HD */
@media (min-width: 1100px) {

/* .photopost img {position: relative; width: auto;max-width: 880px;margin-left: -65px;} */
.pullquote {float: right;position: relative; margin: 0px -75px 8px 5px;width: 380px;}
    
}