/* Core */
body { margin: 0; font-size: 15px; line-height: 24px; font-family: 'Arial', sans-serif; color: #606060; }
a { color: #B20838; }
a:hover, a:active { color: #B20838; text-decoration: none; }
.clear { clear: both; }
a.button { background: #B20838; color: #FFF; text-decoration: none; display: inline-block; padding: 4px 10px; margin: 10px 0 0; }
a.button:hover {  }

h1, h2, h3 { letter-spacing: .25px; }

/* -------- ALERTS + HEADER + NAVIGATION -------- */
.alertContainer { width: 100%; background: #B20838; color: #FFF; font-size: 20px; text-align: center; font-weight: 700; padding: 15px 0; line-height: 25px; }

header { width: calc(100% - 40px); padding: 0 20px; height: 100px; }
.headerLogo img { width: auto; height: 60px; margin: 20px 0; }
.headerLogo { width: 200px; float: left; }

.topnav { overflow: hidden; float: right; margin-top: 30px; }
.topnavprimary { float: right; margin-top: 30px; }

.topnav a, .topnavprimary a { float: left; display: block; color: #000; text-align: center; padding: 0; text-decoration: none; line-height: 40px; }
.topnavprimary a.social i { line-height: inherit; padding: 0 12px; }
.topIcon { display: none; }
.dropdown .dropbtn { font-size: 16px !important; font-family: 'Arial', sans-serif; border: none; outline: none; color: #263F91; padding: 0; background-color: transparent; line-height: inherit; margin: 0; }
.topnav a.standard, .topnavprimary a.standard { padding: 0 18px; }
.topnavprimary a.social { padding: 0; }
.topnav a.standard i, .topnavprimary a.standard i { line-height: inherit; }
.dropdown .dropbtn a { padding: 0; float: none; display: inline; }
.dropdown .dropbtn i { margin-left: 5px; }
.dropdown-content { display: none; position: absolute; min-width: 150px; max-width: 260px; z-index: 1; overflow: hidden; background: #B20838; }
.topnav a.standard:hover { color: #FFF; }
.topnav a.social:hover { color: #B20838; }
.dropdown .dropbtn a:hover { color: #B20838; }
a.memberLink { color: #B20838; font-weight: 700; }
a.joinLink { background: #B20838; color: #FFF; line-height: 40px; padding: 0 20px; margin: 0 10px; border-radius: 20px; font-weight: 700; }
a.joinLink:hover { background: #000; color: #FFF !important; }

.dropdown { float: left; overflow: hidden; }
.dropdown .dropbtn { font-size: 16px; border: none; outline: none; color: #444; padding: 0 12px; background-color: inherit; line-height: inherit; font-family: inherit; margin: 0; }
.dropdown .dropbtn i { margin-left: 5px; }
.dropdown-content { display: none; position: absolute; background-color: #DDD; min-width: 160px; max-width: 250px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
.dropdown-content a { float: none; padding: 4px 12px; text-decoration: none; display: block; text-align: left;  text-transform: none !important; font-size: 14px; line-height: 26px; }
.topnav a:hover, .dropdown:hover .dropbtn { background-color: #B20838; }
a.standard.eventsLink:hover { background-color: #B20838; color: #FFF; }
.dropdown:hover .dropbtn a { color: #FFF; }
.dropdown-content a:hover { background: rgba(255, 255, 255, .1); }
.dropdown:hover .dropdown-content { display: block; }

/* -------- HOMEPAGE -------- */

.homeHero { display: flex; background: #F2F2F2; }
.homeLeft { width: 400px; padding: 60px calc(25% - 200px); }
.homeLeft h1 { color: #B20838; font-size: 45px; line-height: 50px; margin: 30px 0; }
.homeLeft p { line-height: 22px; }
.homeLeft a { margin: 30px 0; display: inline-block; background: #B20838; color: #FFF; font-weight: 700; text-decoration: none; padding: 18px 30px; border-radius: 360px; text-transform: uppercase; }
.homeRight { width: 50%; background-image: url(/images/afa_background.png); background-size: 100%; background-position: top right; background-repeat: no-repeat; }

.homeFeature { width: 100%; display: flex; }

.homeNews { width: calc(100% - 40px); max-width: 1440px; margin: 40px auto; }
.homeNews h2 { text-align: center; }
.homeNewsRotator { width: 100%; display: flex; margin: 0 auto; }
.homeNewsArrow { width: 25px; font-size: 30px; }
.homeNewsItem { width: calc(25% - 30px); margin: 0 15px; }
.homeNewsImage { background-image: url(/images/news/fence.jpg); background-position: center center; background-size: cover; }
.homeNewsImage a { display: block; padding-bottom: 55%; margin-bottom: 10px; }
.homeNewsText a { font-weight: 700; }
.homeNewsDate, .newsDate { font-size: 13px; line-height: 18px; margin-bottom: 10px; }
.newsMore { display: block; margin: 10px 0 0; }

.divider { width: 100%; margin: 40px 0; }
.dividerLine { width: calc(100% - 80px); height: 1px; background: #F2F2F2; margin: 0 auto; }
.subscribe { text-align: center; margin: 50px 0; }
.subscribe input[type="text"] { font-family: 'Arial', sans-serif; padding: 8px 12px; border: 1px solid #F2F2F2; font-size: 15px; border-radius: 4px; }
.subscribe input[type="submit"] { font-family: 'Arial', sans-serif; font-size: 15px; padding: 9px 20px; border: 0; background: #B20838; color: #FFF; font-weight: 700; border-radius: 17.5px; margin-left: 5px; }
.subscribe p { }

.homeContainer.red { width: 50%; background: #B20838; }
.homeContainer.red.alternate { width: 100%; }
.homeContainer.photo { width: 50%; }
.homeContainer.photo .homeAd {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.homeContainer.photo .homeAd h2 {
  color: #00a29b; text-align: center;
}
.homeContainer.photo .homeAd img {
  margin-bottom: 7rem;
}
.homeText { font-size: 18px; line-height: 34px; }
.homeText h2 { margin: 0 0 20px; }
.homeText { width: calc(100% - 100px); max-width: 640px; color: #FFF; }
.homeText a { background: #FFF; font-weight: 700; display: inline-block; color: #B20838; text-decoration: none; padding: 9px 15px; border-radius: 360px; }
.homeText a.standardLink { color: #FFF; background: none; display: inline; text-decoration: underline; padding: 0; border-radius: 0; }
.homeText.left { float: right; margin: 110px 40px 110px 0; }
.homeText.right { float: left; margin: 110px 0 110px 40px; }
.homeText.rightAlt { float: left; margin: 40px 0 40px 40px; color: #606060; font-size: 15px; line-height: 24px; }
.homeFeaturePhoto { width: 100%; max-width: 760px; height: 100%; }
.homeFeaturePhoto.left { float: left; }
.homeFeaturePhoto.right { float: right; }

.homeEvents { margin: 40px auto; width: calc(100% - 80px); max-width: 1000px; display: flex; flex-wrap: wrap; }
.homeEvents h3 { color: #FFF; margin: 0 0 30px; font-size: 24px; line-height: 24px; text-align: center; width: 100%; }
.homeEventItem { margin: 0 0 20px; display: flex; align-items: center; vertical-align: middle; width: 50%; }
.homeEventDate { width: 80px; text-align: center; font-weight: 700; background: rgba(255, 255, 255, .25); color: #FFF; padding: 10px 0; }
.homeEventDay { font-size: 40px; line-height: 40px; display: block; }
.homeEventMonth { text-transform: uppercase; }
.homeEventInfo { width: calc(100% - 100px); margin-left: 30px; color: #DDD; }
.homeEventInfo a { color: #FFF; text-decoration: none; font-weight: 700; display: block; margin: 0 0 5px; }
.homeEvents a.moreEvents { background: #FFF; color: #B20838; padding: 4px 8px; margin: 10px 0 0; display: inline-block; text-decoration: none; border-radius: 360px; font-weight: 700; }

.eventsPage { width: 100%; margin: 0 auto; }
.eventsPageItem { margin: 0 0 20px; display: flex; padding-bottom: 20px; border-bottom: 1px dotted #CCC; }
.eventsPageDate { width: 80px; text-align: center; font-weight: 700; background: #B20838; color: #FFF; padding: 15px 0; height: 63px; }
.eventsPageDay { font-size: 40px; line-height: 40px; display: block; }
.eventsPageMonth { text-transform: uppercase; }
.eventsPageInfo { width: calc(100% - 100px); margin-left: 20px; }
.eventsPageInfo a { font-weight: 700; display: inline-block; margin: 0 0 5px; font-size: 16px; }
.eventsPageInfo .certList a { display: inline; margin: 0; font-size: 15px; }

.homeContainer.white { width: 50%; }
.homePartners { margin: 30px 0 30px 40px; width: calc(100% - 80px); max-width: 640px; float: left; text-align: center; }
.homePartners h3 { margin-top: 0; }
.homeAd { margin: 0 auto; width: 300px; }
.homeAd.first { margin-bottom: 1em; }

.homeAds { width: 100%; max-width: 930px; display: flex; flex-wrap: wrap; ; margin: 0 auto 30px; }
.homeAds h3 { width: 100%; text-align: center; margin: 0 0 15px; font-size: 24px; line-height: 24px; }
.homeAd { width: 300px; }
.homeAd.middle, .homeAd.last { margin-left: 15px; }

.homeFeatureFull { background: #232323; width: calc(100% - 80px); padding: 80px 40px;  }
.homeFeatureContent { width: 100%; max-width: 600px; margin: 0 auto; display: flex; align-items: center; vertical-align: middle; color: #FFF; }
.homeFeatureArrow { font-size: 40px; width: 100px; display: none; }
.homeFeatureArrow.left, .homeNewsArrow.left { text-align: left; }
.homeFeatureArrow.right, .homeNewsArrow.right { text-align: right; }
.homeFeatureInfo { width: 100%; display: flex; align-items: center; vertical-align: middle; }
.homeFeatureInfoText { width: calc(100% - 180px); }
.homeFeatureInfoText img { max-width: 100%; height: auto; margin: 0 0 20px; }
.homeFeatureInfoButton { width: 180px; text-align: right; }
.homeFeatureInfoButton a { display: inline-block; background: #B20838; color: #FFF; text-decoration: none; line-height: 50px; border-radius: 360px; padding: 0 40px; font-weight: 700; }

/* -------- CONTENT --------- */
.content { width: calc(100% - 40px); max-width: 1440px; margin: 0 auto; min-height: calc(100vh - 830px); }
.content.noMin { min-height: 0; }
.content.membershipPage { width: calc(100% - 160px); padding: 60px 20px; }
.membershipPage h2 { font-size: 32px; line-height: 32px; }
.membershipPage h3 { color: #B20838; margin-top: 2em; font-size: 24px; }
.memberInfo { padding-left: 38px; }
.membershipPartners { width: 300px; padding: 10px; float: right; background: #EEE; margin: 0 0 20px 20px; }
.membershipPartners h3 { margin: 0 0 10px; }

.pageHeader { padding: 30px 0 20px; width: 100%; text-align: left; border-bottom: 5px solid #B20838; background: #232323; }
.pageHeader.withPhoto { padding: 15% 0 20px; width: 100%; text-align: left; border-bottom: 5px solid #B20838; }
.pageHeaderText { width: calc(100% - 40px); max-width: 1440px; margin: 0 auto; }
.pageHeaderText h1 { margin: 10px 0 10px; color: #FFF; }
.pageSectionLink a { display: inline-block; background: rgba(178, 8, 56, .8); color: #FFF; text-decoration: none; text-transform: uppercase; padding: 0 8px; font-weight: 700; }

.content.noIntro { margin-top: 20px; }
.content.page { width: calc(100% - 60px); padding: 0 10px; }
.content.page h2 { background: #B20838; color: #FFF; padding: 10px 10px 8px; border-bottom: 2px solid #000; margin: 40px -10px 20px; /* border-radius: 10px 10px 0 0; */ }
.contentRight.standard h2 { margin-left: -10px; margin-right: -10px; border-top: 20px #FFF solid; }
.content.page h2 a { color: #FFF; text-decoration: none; }
.content.page h2:first-child { margin-top: 0; }
.contentRight.standard h2:first-child { margin-top: -20px; border-top: 0; }
.contentRight.standard p:first-child { margin-top: 0; }
.intro { margin: 20px 0; font-size: 20px; line-height: 32px; color: #3B4246; padding: 0 0 20px; border-bottom: 1px solid #EEE; }
.intro.page { margin: 20px -10px; padding: 0 10px 20px; }
.contentLeft { float: left; width: calc(100% - 460px); margin-bottom: 20px; }
.contentLeft h3:first-child, .contentLeft p:first-child { margin-top: 0; }
.contentRight { float: right; width: 420px; margin: 0 -10px 20px 20px; }
.contentRight.schools { width: 450px; }
.contentRight.standard { background: #F6F6F6; padding: 20px 10px; width: 420px; }
.contentRight.standard h3:first-child { margin-top: 0; }
a.rightButton { margin: -20px -10px; font-size: 20px; font-weight: 700; display: block; padding: 10px 10px 8px; border-bottom: 2px solid #000; text-decoration: none; background: #B20838; color: #FFF; }

.content img { max-width: 100% !important; height: auto !important; }

/* Modules - Videos */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* -------- LANDING PAGES -------- */
.pageTextHeader { padding: 100px 60px; }
.pageTextHeader h2 { font-size: 32px; line-height: 42px; margin-top: 0; }
.pageTextHeader h2 b { color: #B20838; }

ul.leaders { max-width: 40em; padding: 0; overflow-x: hidden; list-style: none; }
ul.leaders li:before { float: left; width: 0; white-space: nowrap; content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "}
ul.leaders span:first-child {
    padding-right: 0.33em;
    background: white}
ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
    background: white}

.faqContainer { background: #F6F6F6; width: 100%; }
#faqs { padding: 40px; width: calc(100% - 100px); max-width: 1440px; margin: 0 auto; }
.faqLabel { float: left; width: 40px; font-size: 20px; color: #B20838; text-align: center; font-weight: 700; }
.faqText { float: left; width: calc(100% - 40px); }
.faqTextQ { font-weight: 700; }
.faqQA { border-bottom: 1px solid #DDD; padding-bottom: 1em; margin-bottom: 1em; }

#myBtnContainer { margin: .5em 0 2em; }
#myBtnContainer a { background: #B20838; color: #FFF; font-weight: 700; padding: 3px 10px; margin: 0 5px; border-radius: 360px; cursor: pointer; }
#myBtnContainer a.activebtn { background: #000; }
.filterDiv { display: none; }
.show { display: flex; }
.listHidden { display: none; }

.memberCost { display: flex; width: 100%; margin-bottom: 50px; }
.memberLeft, .memberRight { width: 47.5%; }
.memberLeft { padding-right: 2.5%; }
.memberRight { padding-left: 2.5%; }
.memberLeft h4 { color: #B20838; }
.memberRight h4 { color: #B20838; }
a.memberJoinLink { background: #B20838; font-weight: 700; display: inline-block; color: #FFF; text-decoration: none; padding: 9px 15px; border-radius: 360px; }

/* -------- EVENTS -------- */

.subscribeAlerts { width: calc(100% - 22px); margin-top: 1.5em; padding: 10px; border: 1px solid #CCC; border-radius: 10px; }
.contentRight .subscribeAlerts { margin-top: 0; }
.subscribeAlerts.overlay { border: 1px solid #B20838; background: #DDD; }
.subscribeAlerts h2 { margin-top: -10px !important; border-radius: 10px 10px 0 0; }
.contentRight .subscribeAlerts h2 { font-size: 20px; }

/* ------- FORMS ------- */
form#contactForm { margin-bottom: 0; }
#contactForm ol { margin: 0; padding: 0; list-style: none; }
#contactForm li { width: 100%; clear: both; display: block; padding: 7px 0; }
#contactForm label { float: left; width: 100%; padding: 0 0 5px; }
#contactForm i { color: #C00; font-style: normal; font-weight: 700; }
#contactForm input[type="submit"] { background: #000; color: #FFF; text-decoration: none; display: inline-block; padding: 4px 10px; margin: 10px 0 0; font-family: 'Noto Sans', sans-serif; border: 0; display: block; width: 100px; font-size: 20px; font-weight: 700; margin: 30px auto; cursor: pointer; }
#contactForm input[type="submit"].subscribeSubmit { margin: 10px 0 0; display: inline-block; width: auto;background: #000; color: #FFF; text-decoration: none; font-weight: 700; font-size: 20px; line-height: 30px; padding: 4px 12px; display: inline-block; border-radius: 10px; }
#contactForm input[type="submit"]:hover { background: #AAA; color: #FFF; }
#contactForm input[type="text"], #contactForm input[type="email"] { width: calc(100% - 12px); font-family: 'Noto Sans', sans-serif; font-size: 16px; padding: 4px; border: #EBEBEB solid 2px; background: #FFF; }
#contactForm input[type="file"] { display: block; width: 300px; margin: 50px auto 0; font-size: 18px; font-family: 'Noto Sans', sans-serif; }
#contactForm select { width: calc(100% - 12px); border: 1px solid #666; margin: 10px 0; padding: 3px; font-size: 16px; font-family: 'Noto Sans', sans-serif; }
#contactForm textarea { width: calc(100% - 12px); border: #EBEBEB solid 2px; background: #FFF; margin: 5px 0; padding: 4px; font-size: 16px; font-family: 'Noto Sans', sans-serif; height: 120px; }

/* -------- NEWS -------- */
.newsList { margin-top: 2em; border-top: 1px solid #CCC; }
.newsList.noHeaderLine { border-top: none; margin-top: 0; }
.newsItems {  }
.newsItem { width: 100%; margin-bottom: 1em; border-bottom: 1px solid #EEE; padding-bottom: 1em; }
.newsImage { width: 250px; float: left; background-position: center center !important; background-size: cover !important; }
.newsImage a { width: 100%; display: block; padding-bottom: 50%; }
.newsText { width: calc(100% - 270px); margin-left: 20px; float: left; }

/* -------- CHAPTERS -------- */
.chapterMap { display: flex; margin: 0 -10px 20px -10px; flex-wrap: wrap; }
.chapter { width: calc(33.3% - 40px); padding: 10px; background: #F2F2F2; margin: 10px; }
.chapter h3 { margin-top: 0; }
.chapter:hover { background: #F6F6F6; transition: 1s; }

a.button { background: #B20838; color: #FFF; padding: 2px 12px; display: inline-block; border-radius: 360px; font-weight: 700; }

/* -------- SCHOOLS --------- */
.schoolListing { padding-bottom: 1em; border-bottom: 1px solid #EEE; margin-bottom: 1em; }

.schoolIntro, .intro { display: flex; flex-wrap: wrap; align-items: center; }
.schoolIntro, .intro { margin: 20px 0; font-size: 20px; line-height: 32px; color: #3B4246; padding: 0 0 20px; border-bottom: 1px solid #EEE; }
.introText { width: calc(100% - 370px); padding: 0 20px 0 10px; }
.introImage { width: 340px; text-align: center; }
.introImage img { width: 200px; height: auto; }

.schoolContent { font-size: 14px; line-height: 24px; }
.schoolRight { width: 340px; padding: 0; float: right; }
.schoolRight h2 { background: #B20838; color: #FFF; padding: 4px 10px 5px; border-bottom: 2px solid #000; margin: 0; }
.schoolInfo p { margin: 0 0 10px; }
.schoolInfo { background: #F6F6F6; padding: 10px; margin-bottom: 20px; }
.schoolInfo a.applyButton, .event .registerButton, .homeEvent .registerButton { background: #B20838; color: #FFF; text-decoration: none; font-weight: 700; font-size: 20px; line-height: 30px; padding: 4px 12px; display: inline-block; border-radius: 360px; margin: 10px 0 0; }
.schoolInfo a.applyButton { font-size: 18px; }

.schoolLeft { width: calc(100% - 380px); float: left; padding: 0 10px; }
.schoolLeft h2 { background: #B20838; color: #FFF; padding: 4px 10px 5px; border-bottom: 2px solid #000; margin: 20px -10px 20px; }
.schoolLeft h2:first-child { margin-top: 0; }
.schoolLeft h2 i { float: right; line-height: 26px; margin-right: 1px; }

.schoolsHeader h2 { margin: 0; text-align: center; color: #FFF; }
.schoolsShowcase { margin: 0 -6px 0; display: flex; }
.schoolsShowcase.horizontal { margin: 0; flex-wrap: wrap; }
.school { background: #F6F6F6; width: calc(33.3% - 84px); padding: 30px; position: relative; margin: 36px 18px; }
.school.horizontal { width: calc(100% - 60px); margin: 0 0 20px; }
.school img { display: block; width: 220px; height: auto; margin: 10px auto 40px; }
.school.horizontal img { float: right; margin: 0 0 0 10px; }
.school a { text-decoration: none; font-size: 18px; line-height: 28px; font-weight: 700; display: block; }
.school a.button { display: inline-block; background: #B20838; color: #FFF; text-decoration: none; font-weight: 700; padding: 0px 12px; border-radius: 5px; }
.school a.button:hover { color: #FFF; }
.school:hover { background: linear-gradient(#F6F6F6,#E6E6E6); box-shadow: 0 0 5px rgba(0,0,0,.3); }

/* -------- EVENTS --------- */
a.hotelLink { background: #B20838; color: #FFF; line-height: 40px; padding: 0 10px; margin: 0; border-radius: 20px; font-weight: 700; display: inline-block; text-decoration: none; }

/* -------- LEADERSHIP --------- */
.board { margin: -10px; width: calc(100% + 20px); display: flex; flex-wrap: wrap; }
.boardMember { width: calc(33.3% - 20px); margin: 10px; }
.boardMember img { width: 100%; height: auto; }
.boardInfo { background: #F2F2F2; text-align: center; line-height: 21px; padding: 6px 0; }
.boardInfo b { font-size: 17px; }
.boardDetail { padding: 6px; border-left: 1px solid #F2F2F2; border-right: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; }
.photoPlaceholder { padding: calc(66.6667% - 45px) 0; background: #E2E2E2; text-align: center; font-size: 15px; line-height: 25px; }
.photoPlaceholder i { line-height: 65px; font-size: 50px; }

/* -------- FOOTER --------- */
.footer { display: flex; width: calc(100% - 40px); padding: 20px 0; margin: 0 auto; max-width: 1440px; }
.footerLeft { width: calc(100% - 250px); }
.footerLeft img { width: 150px; height: auto; }
.footerRight { width: 250px; }
.footerRight b { display: block; text-transform: uppercase; }
.footerRight a { text-decoration: none; }
.socialLinks { margin-bottom: 1em; font-size: 20px; line-height: 30px; }
.socialLinks a i { margin-right: 5px; }

#credit { background: #B20838; color: #FFF; font-size: 12px; line-height: 30px; padding: 5px 0; width: 100%; }
#credit .container { width: calc(100% - 40px); max-width: 1440px; margin: 0 auto; line-height: 34px; height: 30px; overflow: hidden; }
#credit .copyright { width: calc(100% - 120px); float: left; line-height: 34px; height: 30px; }
#credit .copyright a { color: #DDD; }
#credit .poweredBy { width: 120px; float: right; text-align: right; }
#credit .poweredBy a { color: #FFF; text-decoration: none; }
#credit .poweredByText { display: inline; }
#credit img { height: 30px; width: auto; margin: -7px 0 0 10px; vertical-align: middle; border: none; }

@media screen and (max-width: 1250px) {
  .topIcon { display: block; float: right; z-index: 100; }
  .topIcon a.icon { float: right; display: block; color: #B20838; height: 100px; font-size: 36px; padding: 0 20px; text-decoration: none; font-weight: 700; line-height: 100px; }
  .topIcon a.icon i { font-size: 36px; line-height: 100px !important; }
  .topnavprimary a.social i { padding: 0 12px; }

  /* Top Navigation */
  .topnav { display: none; }
  .topnav.responsive { display: block; position: absolute; margin: 0; margin-top: 100px; right: 0; text-align: left; background: linear-gradient(#FFF,#DDD); border-bottom: 2px solid #B20838; height: auto; width: 100%; text-align: center; }
  .topnav.responsive a { float: none !important; display: block !important; margin: 0; border-left: none !important; height: 35px; line-height: 35px; padding: 0 10px; background: none !important; text-align: center; }
  .topnav.responsive a:hover { background: #384E46; }
  .topnav.responsive .dropdown { float: none; }
  .topnav.responsive .dropdown-content { position: relative; max-width: none !important; text-align: center; }

  .boardMember { width: calc(50% - 20px); }
}

@media screen and (max-width: 1000px) {
  .contentRight.standard, .contentRight { width: 300px; }
  .contentLeft { width: calc(100% - 360px); }

  .homeNewsItem { width: calc(33.3% - 30px); }
  .item4 { display: none !important; }
}

@media screen and (max-width: 950px) {
  .homeEventItem { width: 100%; }
  .homeAds { max-width: 640px; }
  .homeAd { width: 50%; margin: 0 0 20px; text-align: center; }
  .homeAd.middle, .homeAd.last { margin-left: 0; }
}

@media screen and (max-width: 800px) {
  /* ----- HOME & FEATURES ----- */
  .homeFeature { flex-wrap: wrap; }
  .homeContainer.photo, .homeContainer.red, .homeContainer.white { width: 100%; }
  .homeContainer.photo .homeAd img {
    margin-bottom: 2rem;
  }
  .homeContainer.photo { order: 1; }
  .homeContainer.red { order: 2; }
  .homeFeaturePhoto { padding-bottom: 50%; max-width: none; height: auto; }
  .homeText.right, .homeText.left, .homeText.rightAlt { float: none; margin: 40px 20px; width: calc(100% - 40px); max-width: none; }
  ul.leaders { max-width: none; }
  #faqs { width: calc(100% - 40px); padding: 20px; }
  .altOrder { order: 1 !important; }
  .altOrder2 { order: 2 !important; }

  .homeHero {  }
  .homeLeft { width: calc(100% - 40px); padding: 0 20px; }
  .homeLeft h1 { margin-bottom: 15px; }
  .homeLeft a { margin-top: 15px; }
  .homeRight { display: none; }

  .homeNews { width: calc(100% - 20px); }

  /* ----- LANDING PAGES ----- */
  .pageTextHeader { padding: 80px 20px; }
  .content.membershipPage { width: calc(100% - 40px); padding: 40px 20px; }
  .membershipPage h2 { font-size: 30px; line-height: 30px; }
  .membershipPage h3 { color: #B20838; margin-top: 2em; font-size: 22px; }
  .memberInfo { padding-left: 36px; }
  .membershipPartners { float: none; margin: 0 auto 20px; }
  .membershipPartners h3 { margin: 0 0 10px; }

  .schoolIntro { flex-wrap: wrap; margin: 20px 0 0; }
  .introText { width: 100%; padding: 0; order: 2; }
  .introImage { width: 100%; padding: 10px 0 0; order: 1; }

  .schoolRight { width: calc(100% + 20px); margin: -10px; padding: 0 0; float: none; }
  .schoolLeft { width: 100%; padding: 0 0; float: none; }

  .memberCost { flex-wrap: wrap; }
  .memberLeft { padding: 0 0 20px; width: 100%; }
  .memberRight { padding: 0; width: 100%; }

  .contentLeft { width: 100%; margin: 0 0 20px; float: none; }
  .contentRight.standard, .contentRight { float: none; margin: 0 -10px 20px; width: calc(100% - 20px); }
  .contentRight.schools { float: none; margin: 0 0 20px; width: 100%; }
  .footer { flex-wrap: wrap; width: calc(100% - 20px); }
  .footerLeft, .footerRight { width: 100%; }
  .footerRight { margin-top: 1em; }
  #credit .container { width: calc(100% - 20px); }
}

@media screen and (max-width: 660px) {
  .topIcon a.icon { padding-right: 0; }
  .topnav a.standard, .topnavprimary a.standard { padding: 0 12px; }
  .topnavprimary a.social { display: none; }
  .homeFeatureInfo { flex-wrap: wrap; }
  .homeFeatureInfoText, .homeFeatureInfoButton { width: 100%; }
  .homeFeatureInfoButton { text-align: center; margin-top: 30px; }

  .newsImage { width: 100%; float: none; background-position: center center !important; background-size: cover !important; }
  .newsImage a { width: 100%; display: block; padding-bottom: 50%; }
  .newsText { width: 100%; margin-left: 0; margin-top: 20px; float: left; }

  .homeNewsRotator { flex-wrap: wrap; }
  .homeNewsItem { width: calc(50% - 30px); }
  .item4 { display: inline-block !important; }
  .school.horizontal img { width: 200px; float: none; margin: 0 auto 20px; }

  .homeAd { width: 100%; margin: 0 0 20px; text-align: center; }
  .homeAd.middle, .homeAd.last { margin-left: 0; }

  #credit .container { height: auto; }
  #credit .copyright { width: 100%; height: auto; float: none; text-align: center; line-height: 20px; margin-bottom: 15px; }
  #credit .poweredBy { width: 100%; text-align: center; }
}

@media screen and (max-width: 550px) {
  header { width: calc(100% - 16px); padding: 0 8px; height: 60px; }
  .headerLogo { width: 135px; }
  .headerLogo img { height: 44px; margin: 8px 0; }
  .topIcon a.icon { padding: 0 0 0 15px; font-size: 24px; line-height: 60px; height: 60px; }
  .topIcon a.icon i { font-size: 24px; line-height: 60px !important; }
  .topnav.responsive { margin-top: 60px; }
  .topnavprimary { margin-top: 0; }
  .topnav a, .topnavprimary a { line-height: 60px; }
  a.joinLink { margin: 15px 0 0; line-height: 30px; border-radius: 15px; }
  .moreEventsButton { text-align: center; }

  /* ----- LANDING PAGES ----- */
  .pageTextHeader { padding: 40px 0; }

  .content.page { width: calc(100% - 40px); padding: 0; }
}

@media screen and (max-width: 500px) {
  .board { margin: 0 auto; width: 100%; max-width: 370px; }
  .boardMember { width: 100%; }
  .homeNewsItem { width: calc(100% - 30px); }
}
@media screen and (max-width: 450px) {
  .topnavprimary a.standard { padding: 0 12px 0 0; }
  a.joinLink { background: none; margin: 0 -10px 0 0; line-height: 60px; border-radius: 0; color: #B20838; }
}