/* Design - Typography & Links */
aside h1, aside h2, aside h3 {color: #1c3f95; text-transform: none;}

/* Design - Containers */
#content {padding: 1.5em 4.5%; background: #fff;}
article {width: 62.967%; float: right;}
aside {width: 30.22%; float: left;}
aside section {padding: 1.5em 0; border-bottom: 1px solid #b5b5b5;}
aside section:first-child {padding-top: 0;}

/* Design - Header */
header {position: relative; height: 36vw; background-color: #fff; background-position: 0 0; background-size: 100% auto;}
header .orgPlusNav {width: 100%; height: 0; padding: 0 0 25% 0; background: url(../images/template/bgHeader.svg) no-repeat 0 0; background-size: cover; background-position: 0 -7vw}
header .logoType {width: 24%; padding: 2.4vw 0 0 7%; float: left;}
header .logo span {display: none;}
header .logo img {width: 18vw;}
@keyframes tagline {0% {color: #0a3762; opacity: 1;} 100% {color: #fff; opacity: .5;}}
header .tagline {position: absolute; bottom: .25em; width: 100%; margin: 0; font-family: 'Exo 2', sans-serif; font-size: 4.7vw; font-weight: bold; text-align: center; text-transform: uppercase; color: #0a3762; animation: 4s ease-in 0s 1 tagline; animation-fill-mode: forwards;}
header .tagline span:first-child {padding-right: 1em;}
header .contact {display: none;}
header nav {width: 60%; padding-top: 4vw; float: left;}

/* Design - Navigation */
#navPrimary {height: 2em;}
#navPrimary a {color: #fff; text-decoration: none; font-size: .9em; line-height: 2.5; font-weight: bold; font-family: verdana;}
#navPrimary ul ul a {font-weight: normal;}
#navPrimary > ul {display: inline-block; height: 2em;}
#navPrimary ul ul {position: absolute; left: 0; top: 2em; display: none;}
#navPrimary > ul > li {position: relative; margin: 0 1.5vw; z-index: 100; float: left;}
#navPrimary > ul > li:last-child {padding-right: 0;}
#navPrimary > ul > li > a {display: inline-block;}
#navPrimary > ul > li.active > a {color: #f1ed9c;}
#navPrimary > ul > li.hover,
#navPrimary > ul > li:focus,
#navPrimary > ul > li:hover,
#navPrimary > ul > li:active {background: #6cbd45;}
#navPrimary > ul > li.hover > a,
#navPrimary > ul > li:focus > a,
#navPrimary > ul > li:hover > a,
#navPrimary > ul > li:active > a {color: #f1ed9c;}
#navPrimary li.hover ul,
#navPrimary ul li:focus ul,
#navPrimary ul li:hover ul,
#navPrimary ul li:active ul {display: block;}
#navPrimary ul > li > a {padding: 0 1vw;}
#navPrimary ul ul a {display: block; width: 15em; padding: 0 1vw; overflow: hidden; background: #6cbd45; text-align: left; color: #fff;}
#navPrimary ul ul > li.active > a,
#navPrimary ul ul a:focus,
#navPrimary ul ul a:hover,
#navPrimary ul ul a:active {background: #6cbd45 !important; color: #f1ed9c;}
#navPrimary ul ul > li.active > a:after,
#navPrimary ul ul a:focus:after,
#navPrimary ul ul a:hover:after,
#navPrimary ul ul a:active:after {color: #f1ed9c; content: " \2190"}
#navPrimary ul > li.active > a:focus,
#navPrimary ul > li.active > a:hover,
#navPrimary ul > li.active > a:active {cursor: default;}

/* Design - User-Specified Content */
aside a.cta {width: 90%;  padding-right: 5%; padding-left: 5%; text-align: center;}

/* Minor Responsive Breakpoints */
@media screen and (min-width: 82em) {
    body {font-size: 1.2vw;}
}

@media screen and (max-width: 60em) {
    #navPrimary ul ul {top: 1.7em;}
    #navPrimary > ul > li {margin: 0 .4vw;}
    #navPrimary ul ul a {line-height: 3; font-size: 1.6vw;}
}

@media screen and (max-width: 75em) {
    #navPrimary > ul > li {margin: 0 1vw;}
    #navPrimary a {font-size: 1.3vw;}
}