/* Google Fonts */
@import url("//fonts.googleapis.com/css?family=Montserrat:400,800|PT+Serif:400,400i");
/* Typography */
/* Colors */
h1 {
  font-family: "Montserrat", sans-serif;
  font-size: 5rem;
  font-weight: 800;
  margin: 0;
  text-transform: uppercase; }

h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 3.75rem;
  font-weight: 800;
  margin: 0;
  text-transform: uppercase; }

h3 {
  font-family: "Montserrat", sans-serif;
  font-size: 3.25rem;
  font-weight: 800;
  margin: 0;
  text-transform: uppercase; }

h4 {
  font-family: "Montserrat", sans-serif;
  font-size: 1.75rem;
  font-weight: 800;
  margin: 0;
  text-transform: uppercase; }

h5 {
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 800;
  margin: 0;
  text-transform: uppercase; }

h6 {
  font-family: "Montserrat", sans-serif;
  font-size: 0.6875rem;
  font-weight: 800;
  margin: 0;
  text-transform: uppercase; }

body {
  color: #333333;
  font-family: "PT Serif", serif;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

header {
  height: 11.5rem; }
  header .top {
    background-color: #00338D;
    color: #FFFFFF;
    font-family: "Montserrat", sans-serif;
    font-size: 0.6875rem;
    height: 3.5rem; }
    header .top ul {
      margin: 1.125rem 0; }
      header .top ul li + li::before {
        color: #0097DC;
        content: '|';
        margin-right: 0.375rem; }
      header .top ul a {
        text-decoration: none; }
  header .branding {
    background-color: #FFFFFF;
    height: 8rem;
    padding: 2rem 0.9375rem; }

nav li {
  z-index: 1; }
  nav li a {
    border-bottom: 0.125rem solid #CCCCCC;
    color: #333333;
    font-family: "Montserrat", sans-serif;
    font-size: 0.8125rem;
    font-weight: 800;
    margin-left: 2rem;
    padding: 0.5rem 0 !important;
    text-transform: uppercase;
    -webkit-transition: border-bottom 0.5s;
    -moz-transition: border-bottom 0.5s;
    -o-transition: border-bottom 0.5s;
    transition: border-bottom 0.5s; }
    nav li a:hover, nav li a.active {
      color: #333333;
      border-bottom: 1px solid #00338D !important; }

main {
  padding: 4rem 0.9375rem 4rem;
  word-wrap: break-word; }
  main .lead {
    font-size: 1.875rem; }

.btn {
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 0.8125rem;
  padding: 1rem 0;
  text-transform: uppercase;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }
  .btn:hover {
    background-color: #062C4A;
    border-color: #062C4A; }

.btn-primary {
  background-color: #00338D;
  border-color: #00338D; }

.btn-secondary {
  background-color: #FFFFFF;
  border-color: #333333;
  color: #333333; }

aside {
  background-color: #F6F6F7;
  padding: 4rem 0.9375rem; }
  aside li {
    margin: 0.5rem 0; }
    aside li a {
      color: #333333;
      font-family: "Montserrat", sans-serif;
      font-size: 0.75rem;
      font-weight: 800;
      letter-spacing: .019em;
      line-height: 2.5em;
      text-transform: uppercase; }
      aside li a i {
        margin-left: 0.5rem; }
      aside li a:hover {
        text-decoration: none;
        color: #4D7DA3; }

footer {
  background-color: #00338D;
  color: #FFFFFF;
  padding: 4rem 0.9375rem; }
  footer a {
    color: #FFFFFF; }
    footer a i {
      margin-left: 0.5rem; }
    footer a:hover {
      color: #4D7DA3;
      text-decoration: none; }
  footer li {
    margin: 0.5rem 0; }
    footer li a {
      font-family: "Montserrat", sans-serif;
      font-size: 0.75rem;
      font-weight: 800;
      letter-spacing: .025em;
      line-height: 2.5em;
      text-transform: uppercase; }
  footer li.list-inline-item {
    margin: 3rem 0 0; }
    footer li.list-inline-item a {
      font-family: "PT Serif", serif;
      font-weight: 400;
      text-transform: none; }
      footer li.list-inline-item a:hover {
        color: inherit;
        text-decoration: none;
        border-bottom: 0.0625rem solid; }
  footer li.list-inline-item + li.list-inline-item::before {
    color: #0097DC;
    content: '|';
    margin-right: 0.625rem; }
  
    footer li.list-inline-item + li.rrssico::before {
      content: '';
      margin-right: 1.2rem; }

@media screen and (max-width: 768px) {
  h2 {
    font-size: 2rem; }
  .lead {
    font-size: 1.125rem !important; }
  nav li {
    width: 100%; }
    nav li a {
      background-color: #FFFFFF;
      border-bottom: 1px solid #CCCCCC;
      margin-left: 0;
      padding: 1rem 0 !important;
      width: 100%;
      -webkit-transition: border-bottom 0.5s;
      -moz-transition: border-bottom 0.5s;
      -o-transition: border-bottom 0.5s;
      transition: border-bottom 0.5s; }
      nav li a:hover {
        color: #333333;
        border-bottom: 1px solid #00338D !important; } }