/* Colors */
.primary-bg{background-color:#002d8f}.primary-border{border:1px solid #002d8f}.primary-text,a,a:hover,a:visited{color:#002d8f}
.secondary-bg{background-color:#980000}.secondary-border{border:4px solid #980000}.secondary-text{color:#980000}

.white-bg{background-color:#fff}.white-border{border:1px solid #fff;}.white-text{color:#fff}.white-text a{color: #fff}.black-bg{background-color:#000}.black-border{border:1px solid #000;}.black-text{color:#000}.borderless{border:none;}

/* Fonts */
.button,.header-font,h1,h2,h3,h4,h5,h6{font-family:'Raleway', sans-serif;;margin-top:0; color: #002d8f;}.body-font,body,p{font-family:'Source Serif Pro', serif;}

/* Images */
.section-two{background-image:url(images/hero-image.jpg)}

/* Wrapper */
.wrapper.narrow,.wrapper.wide{border-left:1px solid #000;border-right:1px solid #000}.full,.narrow,.wide{margin:0 auto;width:100%}@media (min-width:550px){.full,.wide{width:100%}.narrow{width:90%}.full,.narrow,.wide{margin:0 auto}}@media (min-width:850px){.full{width:100%}.wide{width:90%}.narrow{width:70%}.full,.narrow,.wide{margin:0 auto}}

/* Full Page */
.slide {text-align: center;}

/* Font Sizes */
h1{font-size:2.8rem;line-height:1.2;letter-spacing:-.1rem}h2{font-size:2.4rem;line-height:1.2;letter-spacing:-.1rem}h3{font-size:2rem;line-height:1.25;letter-spacing:-.1rem}h4{font-size:1.8rem;line-height:1.25;letter-spacing:-.08rem}h5{font-size:1.6rem;line-height:1.3;letter-spacing:-.05rem}h6{font-size:1.4rem;line-height:1.3;letter-spacing:0}.button,nav,p{font-size:1rem;line-height:1.5}@media (min-width:550px){h1{font-size:3.5rem}h2{font-size:3rem}h3{font-size:2.7rem}h4{font-size:2.4rem}h5{font-size:2.1rem}h6{font-size:1.8rem}.button,nav,p{font-size:1.2rem}}

/* Optional Top Bar */
.top-bar{display:block;text-align:center;padding:0.5rem;}.top-bar p{margin:0;}

/* Header */
header{display:flex;margin-bottom:1rem}.menu{align-items:center;justify-content:center;display:flex;background-image:url(images/nav-bg.png);background-size: contain;background-repeat: repeat-x;margin:3rem 0 0; padding: 0 5vw}.logo img{width:100%}nav{height:100%;display:none;flex-flow:row nowrap;align-items:center}nav ul{list-style-type:none;margin:0;padding:0;overflow:hidden}nav li{float:left}nav li a{display:block;text-align:center;text-decoration:none;padding:1rem}.menu.logo-left nav li a{text-align:right}.menu.logo-right nav li a{text-align:left}.menu.logo-bottom .logo,.menu.logo-left .logo,.menu.logo-right .logo,.menu.logo-top .logo{width:50%;margin:0 auto}.menu.logo-bottom,.menu.logo-left,.menu.logo-right,.menu.logo-top{flex-direction:column}@media (min-width:850px){nav {display: flex;}.menu.logo-left,.menu.logo-right{flex-direction:row}.menu.logo-left .logo,.menu.logo-right .logo{width:25%}.menu.logo-left nav,.menu.logo-right nav{width:75%;justify-content:flex-end}.menu.logo-right .logo{order:2}.menu.logo-right nav{justify-content:flex-start;order:1}.menu.logo-bottom,.menu.logo-top{flex-direction:column}.menu.logo-bottom .logo,.menu.logo-top .logo{width:50%;margin:0 auto}.menu.logo-bottom .logo{order:2}.menu.logo-bottom nav{order:1}}@media (min-width:850px){nav li a{padding:1rem 1.5rem}}

/* Hero */
.hero-text{padding:3vw;background-color:#fff;border:6px solid #980000}.text-box.small{width:90%}.text-box.medium{width:90%}.text-box.large{width:90%}.text-box.extra-large{width:90%}@media (min-width:550px){.text-box.small{width:50%}.text-box.medium{width:50%}.text-box.large{width:90%}.text-box.extra-large{width:90%}}@media (min-width:850px){.text-box.small{width:30%}.text-box.medium{width:40%}.text-box.large{width:50%}.text-box.extra-large{width:70%}}

/* Multi-Column */
section.cards{display:flex}section.cards.horizontal,section.cards.vertical{flex-direction:row;justify-content:space-between;flex-wrap:wrap}.card{display:flex;padding:3rem;margin:1rem auto}.card img{width:100%}.card-image img{border-radius: 50%;border:6px solid #980000}section.cards.horizontal .card .card-text{text-align:center}.cards.horizontal .card,.cards.vertical .card{flex-direction:column}.cards.horizontal .card.quarter,.cards.horizontal .card.third,.cards.vertical .card.third{width:80%}.cards.horizontal .card.half,.cards.vertical .card.quarter{width:40%}@media (min-width:850px){section.cards.horizontal{flex-direction:row;justify-content:space-between;flex-wrap:nowrap}section.cards.vertical .card{flex-direction:row}section.cards.vertical{flex-direction:column}section.cards.veritcal .card .card-text{text-align:left}.cards.vertical .card{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1rem}.cards.vertical .card.half,.cards.vertical .card.quarter,.cards.vertical .card.third{width:90%}.cards.vertical .card.quarter .card-image{width:25%}.cards.vertical .card.third .card-image{width:30%}.cards.vertical .card.half .card-image{width:50%}.cards.vertical .card.quarter .card-text{width:65%}.cards.vertical .card.third .card-text{width:60%}.cards.vertical .card.half .card-text{width:45%}.cards.vertical .card.right .card-image{order:2}.cards.vertical .card.right .card-text{order:1}.cards.horizontal .card.quarter{width:20%}.cards.horizontal .card.third{width:25%}.cards.horizontal .card.half{width:40%}}

/* Footer */
footer{padding:5vw;display:flex;flex-direction:column}.footer-center{width:100%;text-align:center}footer p{margin:0}.footer-center{order:1}


/* Sections */

.quote {padding: 10rem;}
.quote h2 {font-family: 'Source Serif Pro', serif; font-size: 4rem;color:#fff;}
#platform {padding-bottom: 0}
#events span {text-transform: uppercase; color: #980000;}
#events .event {margin-bottom: 2rem;}