/*----------------------------+
 | Site: Great Rivers Chicago |
 | Part: Master styles        |
 +----------------------------*/

/* Imports
=====================================================================*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,700,700italic|Montserrat:400,700);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
@import url(/styles/reset.css);
@import url(/styles/forms.css);


/* Fonts
======================================================================*/
.action,
#cse .gs-title,
#cse .gs-title *,
#facts,
.goals,
.goal-section,
h1, h2, h3, h4, h5, h6,
#logo,
#nav-primary,
#nav-secondary {
    font-family: Montserrat, Arial, sans-serif;
}

body, #cse *, input, select, textarea { font-family: "Open Sans", Arial, sans-serif; }


/* Basics
======================================================================*/
a { color: #14aeef; text-decoration: none; }
a:hover { text-decoration: underline; }
body { background: #273335; box-sizing: border-box; line-height: 1.5; padding-bottom: 2rem; }
cite, em { font-style: italic; }
dl, ol, p, table, ul { margin-bottom: 1rem; }
dt { margin-top: 1rem; }
dt:first-child { margin-top: 0; }
fieldset { border: 1px solid #ddd; margin-bottom: 2em; padding: 1em 1.5em; }
h1 { color: #273335; font-size: 2.5rem; font-weight: normal; line-height: 1.2; margin-bottom: 0.5em; }
h2 { color: #687072; font-size: 1.5rem; font-weight: normal; line-height: 1.2; letter-spacing: 0.02em; margin-bottom: 0.5rem; text-transform: uppercase; }
h3, h4, h5, h6, strong { font-weight: bold; }
html { font-size: 18px; height: 100%; }
hr { background: rgba(0, 0, 0, 0.2); border: 0; clear: both; color: rgba(0, 0, 0, 0.2); height: 1px; margin: 3rem 0; }
img { max-width: 100%; }
li { margin-bottom: 0.5em; }
legend { background: #fff; font-size: 1.7em; margin: 0 0 0 -0.5em; padding: 0.1em 0.75em 0.1em; }
legend em { color: #777; font-size: 0.7em; font-style: normal; font-weight: normal; margin-left: 0.3em; }
ol { list-style: decimal; margin-left: 2rem; }
table { border-collapse: collapse; width: 100%; }
table h2, table p { margin: 0; }
tbody th { font-weight: bold; }
tbody th, td { border: 1px solid #ddd; }
td, th { padding: 0.5rem; vertical-align: top; }
td[align=center], th[align=center] { text-align: center; }
td[align=right], th[align=right] { text-align: right; }
tfoot td, tfoot th { border: 0; }
th img { vertical-align: middle; }
th { color: #555; font-weight: bold; vertical-align: bottom; }
thead th { vertical-align: bottom; }
th { font-weight: bold; }
ul { list-style-type: disc; margin-left: 1.5rem; }


/* Core layout
======================================================================*/
#admin .ribbon, .content { box-sizing: border-box; margin: 0 auto; max-width: 1200px; padding: 0 30px; }
.clear { clear: both; }

/* Columns */
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }

    /* Text flow */
    .cols2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
    .cols3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
    .cols4 { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; }
    .cols2, .cols3, .cols4 { -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; }
    .cols2 li, .cols3 li, .cols4 li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
    ol[class *= "cols"], ul[class *= "cols"] { list-style: none; margin-left: 0; }

/* Content */
#content-primary { float: left; width: 65.45%; }
#content-secondary { float: right; width: 30.90%; }
#main { background: #fff; }
#main .content { padding: 40px 30px; }

    /* Map */
    .map #main .content { max-width: none; padding: 0; width: auto; }
    
    /* No sidebar */
    .full #content-primary, .full #content-secondary, .home #content-primary, .home #content-secondary { float: none; width: auto; }


/* Content
======================================================================*/

/* Action links */
a.action, input.action, span.action a {
    -webkit-appearance: none;
    background: #14aeef;
    border: none;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 1.6rem;
    padding: 0.5rem 1.5rem;
    white-space: nowrap;
}

a.action:hover, input.action:hover, span.action a:hover { opacity: 0.7; text-decoration: none; }

/* Article */
.article { margin: 0 auto; width: 80%; }

/* Calendar */
.calendar { border-top: 1px solid #ddd; list-style: none; margin-left: 0; }
.calendar .access { font-size: 0.7rem; font-weight: bold; text-transform: uppercase; }
.calendar .date { color: #273335; float: left; margin: 0 0 0 -7rem; text-align: center; width: 6.5rem; }
.calendar .date .month { font-size: 0.85rem; font-weight: bold; text-transform: uppercase; }
.calendar .date .day { font-size: 2.5rem; line-height: 1; font-weight: bold; }
.calendar .date span { display: block; }
.calendar h3 { font-size: 1.3rem; }
.calendar li { border-bottom: 1px solid #ddd; overflow: hidden; padding: 0.8rem 0 0.8rem 7rem; }
.calendar .location, .calendar .time { color: #777; }
.calendar p { margin: 0; }

/* Callouts */
[class *= "call"] { font-size: 0.8rem; line-height: 1.3; margin-bottom: 1.5rem; max-width: 100%; }
[class *= "call"] img { display: block; margin-bottom: 5px; }
[class *= "call"] p { margin-bottom: 0.5em; }
.call-c, .pull-c { clear: both; display: block; margin: 1em auto; }
.call-c img { display: block; width: 100%; }
.call-l, .pull-l, .pull-small-l { clear: left; float: left; margin: 0 30px 30px 0; }
.call-r, .pull-r, .pull-small-r { clear: right; float: right; margin: 0 0 30px 30px; }
dt img.call-l { margin-top: 0; }
.credit { color: #666; font-size: 0.6rem; letter-spacing: 0.01em; margin: 0.5em 0 0; text-align: right; }
[class *= "pull"] { color: #14aeef; font-size: 1.5rem; font-weight: bold; line-height: 1.3; width: 42.15%; }
[class *= "pull"] a { text-decoration: underline; }
[class *= "pull"] a:hover { text-decoration: none; }
[class *= "pull"] cite { color: #666; display: block; font-size: 1rem; font-weight: normal; text-align: right; }
[class *= "pull"] .mute { font-weight: normal; }
[class *= "pull"] p { margin-bottom: 0.5em; }
[class *= "pull-small"] { border: 3px solid #dac63a; border-width: 2px 0; font-size: 14px; line-height: 1.6; padding: 20px 0 10px; width: 42.15%; }

/* Case studies */
.cases h4 { color: #555; font-weight: normal; text-transform: uppercase; }
.cases h3 { color: #14aeef; font-size: 1.1rem; font-weight: normal; text-transform: uppercase; }

/* Cover */
#cover { position: relative; }
#cover .content { padding: 10% 20px 12%; position: relative; z-index: 100; }
#cover .overlay { background: rgba(0, 0, 0, 0.8); box-sizing: border-box; margin: 0 auto; padding: 1.6rem; text-align: center; width: 70%; }
#cover .overlay, #cover .overlay a, #cover .overlay h1, #cover .overlay h2 { color: #fff; }
#cover .overlay .fa-stack { font-size: 2rem; }
#cover .overlay .fa-stack:hover { opacity: 0.7; }
#cover .overlay .fa-stack-2x { color: #3aacd8; }
#cover .overlay h1 { font-size: 3.6rem; font-weight: bold; }
#cover .overlay h2 { font-size: 1.4rem; }
#cover .overlay strong { color: #96e2ff; }
#cover-image { background: url(/images/intro.jpg) no-repeat 0 50% / cover; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; }

/* Facts */
#facts { background: #eaf9ff; color: #3aacd8; list-style: none; margin: 0; overflow: hidden; padding: 2rem 0; text-align: center; }
#facts h2 { color: #273335; font-size: 2rem; line-height: 1.2; margin: 0; }
#facts img { border-radius: 300px; display: block; margin-bottom: 10px; width: 100%; }
#facts li { box-sizing: border-box; float: left; padding: 0 1.5%; width: 25%; }
#facts ul { list-style: none; margin: 0; }

/* Feature Imrovements*/
#feature-improvements { background: #fff; padding: 3% 0; }
#feature-improvements .content { align-items: center; display: flex; justify-content: space-between; }
#feature-improvements-primary { width: auto; }

/* Flat lists */
.flat { list-style: none; margin-left: 0; }

/* Footer */
#footer { clear: both; color: #a9adae; font-size: 0.7rem; font-weight: normal; line-height: 1.5; padding: 1.5rem 20px; text-align: center; }
#footer a { color: #fff; }
#footer h6 { color: #fff; font-size: 20px; }
#footer p { margin: 0; }

    /* Logos */
    #footer .logos { line-height: 8em; list-style: none; margin-left: 0; opacity: 0.8; text-align: center; }
    #footer .logos a:hover { opacity: 0.7; }
    #footer .logos img { max-height: 50px; max-width: 180px; vertical-align: middle; }
    #footer .logos li { display: inline; vertical-align: middle; margin: 0 15px; }
    
    /* Subfooter */
    #subfooter { background: #cbf1fe; padding: 30px 0; text-align: center; }
    
    /* Social */
    #social { font-size: 40px; }
    #social a { float: none !important; margin: 0 30px; }
    #social a:hover { opacity: 0.7; text-decoration: none; }
    #social .fa-stack { line-height: 2em; }

/* Grids */
.grid { clear: both; line-height: 1.3; list-style: none; margin-left: 0; overflow: hidden; }
.grid a { display: block; position: relative; }
.grid a:hover { opacity: 0.7; text-decoration: none; }
.grid li { box-sizing: border-box; float: left; margin: 0 2.7% 25px 0; }
.grid p { margin: 0; }
.grid .thumb { display: block; margin-bottom: 5px; max-width: none; width: 100%; }
.grid .title { font-weight: 600; margin-right: 0.3em; }

    /* Columns */
    .grid.grid1 li { margin-right: 0; }
    .grid.grid2 li { width: 48.64%; }
    .grid.grid3 li { width: 31.53%; }
    .grid.grid4 li { width: 22.97%; }
    .grid.grid5 li { width: 17.83%; }
    
    .grid.grid2 li:nth-child(2n+2),
    .grid.grid3 li:nth-child(3n+3),
    .grid.grid4 li:nth-child(4n+4),
    .grid.grid5 li:nth-child(5n+5) { margin-right: 0; }
    
    .grid.grid2 li:nth-child(2n+3),
    .grid.grid3 li:nth-child(3n+4),
    .grid.grid4 li:nth-child(4n+5),
    .grid.grid5 li:nth-child(5n+6) { clear: left; }

/* Goals */
.goals { list-style: none; overflow: hidden; margin-left: 0; }
.goals a { border: 1px solid #fff; border-width: 0 0 1px 1px; display: block; }
.goals a:hover { opacity: 0.7; }
.goals li { float: left; margin: 0; position: relative; width: 33.33%; }
.goals img { display: block; width: 100%; }

.goals .title {
    background: -moz-linear-gradient(top, rgba(39,51,53,0) 0%, rgba(39,51,53,1) 100%);
    background: -webkit-linear-gradient(top, rgba(39,51,53,0) 0%,rgba(39,51,53,1) 100%);
    background: linear-gradient(to bottom, rgba(39,51,53,0) 0%,rgba(39,51,53,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00273335', endColorstr='#273335',GradientType=0 );
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.22rem;
    left: 0;
    padding: 5rem 2rem 2rem;
    position: absolute;
    width: 100%;
}

.goals .year { background: #fff; font-size: 1.6rem; font-weight: bold; left: 0; padding: 0.1em 0.5em; position: absolute; top: 0; }
.goal-section { margin-bottom: 0.5em; text-transform: uppercase; }
    
    /* Categories */
    .goal-categories { overflow: hidden; text-align: center; }
    .goal-categories img { border: 10px solid #fff; border-radius: 500px; }
    
    /* Colors */
    .goal2020 { color: #79d2f6; }
    .goal2030 { color: #14aeef; }
    .goal2040 { color: #28297d; }
    
    /* Navigation */
    .goal-nav { font-weight: bold; list-style: none; margin-left: 0; }
    .goal-nav li { display: inline; margin: 0 0.5em; }

/* Header */
#header { padding: 40px 0; }
#header .content { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
#header-primary { -ms-flex: 1 1 auto; flex: 1 1 auto; }
#header-secondary { -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: right; }

    /* Logo */
    #logo * { color: #fff; display: block; font-size: 0.77rem; max-width: 326px; text-align: center; }
    #logo a:hover { text-decoration: none; }
    #logo-print { display: none; }
    
    /* Header nav */
    #nav-header { font-size: 0.833rem; list-style: none; margin: 0; white-space: nowrap; }
    #nav-header a { color: #fff; }
    #nav-header a:hover { opacity: 0.5; text-decoration: none; }
    #nav-header .fa { color: #98e3ff; }
    #nav-header li { display: inline; margin-left: 1em; }

/* Iframes */
.iframe-container { height: 0; margin-bottom: 30px; overflow: hidden; padding-top: 30px; position: relative; }
.iframe-container iframe { left: 0; height: 100%; position: absolute; top: 0; width: 100%; }

/* Intro */
.intro { color: rgba(0, 0, 0, 0.7); font-size: 1.44rem; font-weight: 300; line-height: 1.5; }

/* Library */
.library { clear: both; }
.library dt { font-size: 1.2rem; font-weight: bold; }

/* Map */
.map h1, .map #nav-tertiary { display: none; }
.map .iframe-container { margin: 0; }

/* Muted text */
.mute { color: #aaa; font-size: 0.9rem; }

/* Navigation */
#nav { background: #98e3ff; padding: 10px 0; overflow: hidden; }

    /* Menu */
    #menu {
        background: #98e3ff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        display: none;
        font-size: 15px;
        overflow: scroll;
        position: fixed;
        right: -400px;
        top: 0;
        width: 250px;
        z-index: 1000;
    }
    
    #menu a { border-bottom: 1px solid rgba(255, 255, 255, 0.3); display: block; font-weight: 600; padding: 0.8em 1.1em; }
    #menu a:active { background: transparent; }
    #menu li { margin: 0; }
    #menu li.current { background: #fff; }
    #menu a, #menu li.current a, #menu li.current a strong { color: #000; }
    #menu .fa { color: #14aeef; }
    #menu ul { list-style: none; margin: 0; }
    #menu ul ul a { border-bottom: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); }
    #menu ul ul li.current a { color: #000; }
        
        /* Search */
        #menu-search { background: #fff; white-space: nowrap; }
        #menu-search label { display: none; }
        #menu-search * { vertical-align: middle; }
        #menu-search button { -webkit-appearance: none; background: none; border: 0; color: #505050; cursor: pointer; font-size: 16px; margin-right: -2em; padding: 0.5em 0; width: 3em; }
        #menu-search .txt { border: 0; box-shadow: none; margin: 0; padding: 0; text-indent: 0.6em; width: 100%; }
        #menu-search-content { padding-right: 3em; }
    
    /* Primary */
    #nav-primary { float: left; font-size: 18px; font-weight: bold; list-style: none; margin: 7px 0 0; }
    #nav-primary a { color: #273335; padding: 0.5rem 0; }
    #nav-primary .current a { color: #ec1c24; }
    #nav-primary li { display: inline-block; margin-right: 1em; }
    
    /* Secondary */
    #nav-secondary { font-size: 1.2rem; list-style: none; margin-left: 0; }
    #nav-secondary .current > a { color: #000; }
    #nav-secondary li { margin-bottom: 0.5rem; }
    
    /* Tertiary */
    #nav-tertiary { list-style: none; margin: 0; }
    #nav-tertiary .current { font-weight: bold; }
    #nav-tertiary .current a { color: #000; }
    #nav-tertiary li { display: inline; margin-right: 1rem; white-space: nowrap; }

/* News */
.news { clear: both; }
.news dt { font-size: 1.2rem; font-weight: bold; }

/* Parallax */
.parallax-window { background: transparent; padding-top: 60%; }

/* People */
.people p { break-inside: avoid-column; -webkit-column-break-inside: avoid; page-break-inside: avoid; }

/* Quotes */
.quotes { clear: both; line-height: 1.3; list-style: none; margin: 1em 0; overflow: hidden; }
.quotes li { box-sizing: border-box; float: left; margin: 0 2.7% 35px 0; overflow: hidden; padding-left: 130px; width: 48.64%; }
.quotes li:nth-child(2n+2) { margin-right: 0; }
.quotes li:nth-child(2n+3) { clear: left; }
.quotes p { margin: 0; }
.quotes .thumb { display: block; float: left; margin: 0 0 0 -130px; width: 115px; }

/* Recommendations */
.recs { background: #e0f7ff; clear: both; margin: 3rem 0; padding: 3rem; }
.recs h2 { color: #14aeef; }

/* River Edge promo */
#creil { background: #fff; padding: 3% 0; }
#creil .content { align-items: center; display: flex; justify-content: space-between; }
#creil-logo { margin-bottom: 1em; max-width: 390px; }
#creil-primary, #creil-secondary { width: 48%; }

#creil .credit { float: right; margin: 0 0 5px 10px; }
#creil > li { box-sizing: border-box; float: left; margin: 0 4.08% 30px 0; position: relative; }
#creil .thumb { margin-bottom: 5px; position: relative; }
#creil .thumb .overlay { bottom: 0; box-sizing: border-box; left: 0; padding: 10px 15px; position: absolute; }
#creil .thumb .thumb-img { display: block; width: 100%; }
#creil .title { display: block; font-size: 18px; font-weight: bold; line-height: 1.4; margin-bottom: 0.2em; }

    /* Columns */
    .customFeatureItems.work > li { width: 30.61%; }
    .customFeatureItems.work > li:nth-child(3n+3) { margin-right: 0;}

/* Search results */
#cse .cse .gsc-control-cse, #cse .gsc-control-cse { padding: 0; }
#cse .gcsc-branding, #cse .gcsc-foot, #cse .gcsc-more-maybe-branding-root { display: none !important; }
#cse .gs-title { font-size: 20px; }
#cse a.gs-title:hover { text-decoration: underline; }
#cse .gsc-above-wrapper-area td { border: 0; padding: 0; }
#cse .gsc-cursor-box.gs-bidi-start-align { text-align: center; }
#cse .gsc-results .gsc-cursor-box .gsc-cursor-page { font-size: 1.2em; margin: 0; padding: 0.3em 0.5em; }
#cse .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { background: #f0f0f0; text-decoration: none; }
#cse .gsc-result-info { padding: 0; }
#cse .gsc-control-cse, #cse .gsc-control-cse .gsc-table-result { font-size: 1em; }
#cse .gsc-control-cse .gs-spelling, #cst .gsc-control-cse .gs-result .gs-title, #cse .gsc-control-cse .gs-result .gs-title * { font-size: 1em; }
#cse .gsc-result .gs-title { height: auto; }
#cse .gs-result .gs-title, #cse .gs-result .gs-title * { text-decoration: none; }
#cse .gsc-table-result, #cse .gsc-thumbnail-inside, #cse .gsc-url-top { padding: 0; }
#cse .gsc-thumbnail-inside { padding: 0; }

/* Stat */
.stat { display: block; font-size: 4rem; font-weight: normal; }

/* Stories */
.stories { margin-top: 40px; }
.stories li { position: relative; }

.stories .title {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    left: 0;
    padding: 40px 25px 25px 25px;
    position: absolute;
    width: 100%;
}

/* Stretch */
.stretch { clear: both; margin: 4rem 0 2rem; position: relative; }
.stretch .caption { padding: 0 20px; }
.stretch .credit { bottom: 0.5rem; font-size: 0.6rem; margin: 0; opacity: 0.7; position: absolute; right: 20px; }
.stretch h2 { font-size: 3rem; margin: 0; }
.stretch h3 { font-size: 2rem; font-weight: normal; text-transform: uppercase; }
.stretch img { display: block; margin-bottom: 0.5em; max-width: none; width: 100%; }

.stretch .overlay {
    background: -moz-linear-gradient(top, rgba(0,173,239,0) 0%, rgba(0,173,239,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,173,239,0) 0%,rgba(0,173,239,1) 100%);
    background: linear-gradient(to bottom, rgba(0,173,239,0) 0%,rgba(0,173,239,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000adef', endColorstr='#00adef',GradientType=0 );
    bottom: 0;
    padding-top: 5%;
    position: absolute;
    width: 100%;
    z-index: 1000;
}

.stretch .overlay * { color: #fff; }

/* Vision */
#vision-summary { background: #e0f7ff; padding: 3% 0; }


/* Widths
======================================================================*/
@media screen and (max-width: 1090px) {
    #nav, #nav-header { display: none; }
}

@media screen and (max-width: 830px) {
    /* Basics */
    html { font-size: 16px; }
    
    /* Layout */
    #content-primary, #content-secondary { float: none; width: auto; }
    
    /* Content */
        /* Article */
        .article { width: auto; }
        
        /* Calendar */
        .calendar .date { display: block; float: none; margin: 0; text-align: left; width: auto; }
        .calendar .date * { display: inline !important; font-size: 0.8rem !important; font-weight: bold; }
        .calendar li { padding-left: 0; }
        
        /* Cover */
        #cover .content { padding: 0; }
        #cover .overlay { background: rgba(0, 0, 0, 0.5); width: auto; }
        #cover .overlay h1 { font-size: 1.9rem; }
        #cover .cover-image { background-position: 0 -10%; background-size: cover; position: static; }
        
        /* Facts */
        #facts { text-align: left; }
        #facts img { float: left; margin-left: -60px; width: 50px; }
        #facts li { clear: both; float: none; margin-bottom: 1rem; overflow: hidden; padding: 0 0 0 60px; width: auto; }
        
        /* Forms */
            /* Subscribe */
            #subscribe #mc_embed_signup p { float: none; margin-bottom: 0.3em; padding: 0; width: auto; }
        
        /* Grids */
        .grid.grid3 li, .grid.grid4 li, .grid.grid5 li { width: 48.64%; }
        .grid.grid3 li:nth-child(3n+3), .grid.grid4 li:nth-child(4n+4), .grid.grid5 li:nth-child(5n+5) { margin-right: 2.7%; }
        .grid.grid3 li:nth-child(3n+4), .grid.grid4 li:nth-child(4n+5), .grid.grid5 li:nth-child(5n+6) { clear: none; }
        .grid.grid3 li:nth-child(2n+2), .grid.grid4 li:nth-child(2n+2), .grid.grid5 li:nth-child(2n+2) { margin-right: 0; }
        .grid.grid3 li:nth-child(2n+3), .grid.grid4 li:nth-child(2n+3), .grid.grid5 li:nth-child(2n+3) { clear: left; }
        
        /* Goals */
        .goals a { padding-left: 100px; }
        .goals a:hover { text-decoration: none; }
        .goals li { float: none; margin-bottom: 0.5em; overflow: hidden; width: auto; }
        .goals img { float: left; margin-left: -100px; width: 90px; }
        .goals .title { background: none; filter: none; color: #273335; font-size: 1rem; padding: 0; position: static; width: auto; }
        .goals .year { background: none; display: block; line-height: 1; padding: 0; position: static; }
            
            /* Navigation */
            .goal-nav a { border: 1px solid #ddd; border-radius: 5px; display: block; padding: 0.5em 1em; }
            .goal-nav li { display: block; margin-bottom: 0.3em; }
        
        /* Header */
        #header { padding: 0; }
        #header .content { display: block; padding: 0; }
        #header-primary { padding: 20px; }
        #logo { text-align: center; }
        #logo #logo-mark { border: 0; margin: 0; max-width: 80%; padding: 0; }
        #logo #logo-tagline { display: block; font-size: 0.66rem; }
        #nav-toggle { background: #98e3ff; display: block; font-weight: bold; padding: 10px 20px; text-align: center; }
        
        /* Intro */
        .intro { font-size: 1.2rem; }
        
        /* Parallax */
        .parallax-window { padding-top: 15rem; }
        
        /* Quotes */
        .quotes li { float: none; margin-right: 0; padding-left: 130px; width: auto; }
        
        /* River Edge promo */
        #creil { padding: 5% 0; }
        #creil .content { display: block; }
        #creil-primary { margin-bottom: 2em; }
        #creil-primary, #creil-secondary { width: auto; }
        
        /* Recommendations */
        .recs { margin: 2rem 0; padding: 1.5rem; }
        
        /* Stretch */
        .stretch h2 { font-size: 2rem; line-height: 1.1; }
        .stretch h3 { font-size: 1.5rem; line-height: 1.1; }
}

@media screen and (max-width: 600px) {
    /* Layout */
    .c2l, .c2r, .c3l, .c3m, .c3r { float: none; width: auto; }
    .cols2, .cols3, .cols4 { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
    
    /* Content */
        /* Callouts */
        [class *= "call"], [class *= "pull"] { width: auto !important; }
        [class *= "pull"] { font-size: 1.1rem; }
        .call, .call-l, .pull-l, .call-r, .pull-r { float: none; margin: 0 0 10px; }
        
        /* Social */
        #social { font-size: 25px; }
        #social a { margin: 0 7px; }
        
        /* Stories */
        .stories li { float: none !important; width: auto !important; }
        .stories .title { padding: 35px 15px 15px 15px; }
}