/* ----------------------------------------- (1140px) ----------------------------------------- */
@media only screen and (max-width: 1140px) {

}

/* ----------------------------------------- (1024px) ----------------------------------------- */
@media only screen and (max-width: 1024px) {
.topCaption {
    position: relative;
    top: 10%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.mainContent {
    margin-bottom: 4rem;
    padding: 0 1em;
}
.pageIntro {
    padding: 0 1em;
}
.topPhoto img {
    width: 100%;
    height: auto;
}
.excerptWrap {
    position: relative;
    top: 10%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
}

/* ----------------------------------------- (940px) ----------------------------------------- */
@media only screen and (max-width: 940px) {

}

/* ----------------------------------------- (768px) ----------------------------------------- */
@media only screen and (max-width: 768px) {
.headerCaption {
    width: 85%;
}    
.contentCaption {
    width: 85%;
}
.footerNav a, .social a {
    font-size: 75%;
}
.menu > li > a {
    font-size: 11px;
}
.eventList li {
    width: 100%;
    padding: 0 2% 5%;    
}
.topCaption {
    position: relative;
    top: 10%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.mainContent {
    margin-bottom: 4rem;
    padding: 0 1em;
}
.topPhoto img {
    width: 100%;
    height: auto;
}
}

/* ----------------------------------------- (600px) ----------------------------------------- */
@media only screen and (max-width: 600px) {

}

/* ----------------------------------------- (480px) ----------------------------------------- */
@media only screen and (max-width : 480px) {

}

/* ----------------------------------------- (320px) ----------------------------------------- */
@media only screen and (max-width : 320px) {

}

@media only screen and (min-width: 58.75em) {

}

@media only screen and (min-width:768px) {

}