/*

* Skeleton V2.0.4

* Copyright 2014, Dave Gamache

* www.getskeleton.com

* Free to use under the MIT license.

* http://www.opensource.org/licenses/mit-license.php

* 12/29/2014

*/

/* Table of contents

––––––––––––––––––––––––––––––––––––––––––––––––––

- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries

*/

/* Grid

–––––––––––––––––––––––––––––––––––––––––––––––––– */

.container {
  
  position: relative;
  
  width: 100%;

  max-width: 1280px;
  
  margin: 0 auto;
  
  padding: 0 20px;
  
  box-sizing: border-box; }
  
.column, .columns {
    width: 100%;
  
  float: left;
  
  box-sizing: border-box; }

  .column.no-gutter, .columns.no-gutter    		  { margin-left: 0; }

.column:first-child, .columns:first-child { margin-left: 0; }
/* Small and up */

@media only screen and (min-width: 34em) {

  .container {
      
    width: 85%;
    
    padding: 0; }
    
}

/* Medium and up */

@media screen and (min-width: 48em) {

  .container {
    
    width: 85%; }
    
  .column, .columns {
    
    margin-left: 4%; }
    
  .column:first-child, .columns:first-child {
    
    margin-left: 0; }
    
    

  .one.column, .one.columns                    { width: 4.66666666667%; }
  
  .two.columns                    { width: 13.3333333333%; /*border-bottom: 1px #ddd solid;*/}
  
  .three.columns                  { width: 22%;            }
  
  .four.columns                   { width: 30.6666666667%; }
  
  .five.columns                   { width: 39.3333333333%; }
  
  .six.columns                    { width: 48%;            }
  
  .seven.columns                  { width: 56.6666666667%; }
  
  .eight.columns                  { width: 65.3333333333%; }
  
  .nine.columns                   { width: 74.0%;          }
  
  .ten.columns                    { width: 82.6666666667%; }
  
  .eleven.columns                 { width: 91.3333333333%; }
  
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  
  .offset-by-one.column, .offset-by-one.columns          { margin-left: 8.66666666667%; }
  
  .offset-by-two.column, .offset-by-two.columns          { margin-left: 21.3333333333%; }
  
  .offset-by-three.column, .offset-by-three.columns        { margin-left: 26%;            }
  
  .offset-by-four.column, .offset-by-four.columns         { margin-left: 38.6666666667%; }
  
  .offset-by-five.column, .offset-by-five.columns         { margin-left: 43.3333333333%; }
  
  .offset-by-six.column, .offset-by-six.columns          { margin-left: 52%;            }
  
  .offset-by-seven.column, .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  
  .offset-by-eight.column, .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  
  .offset-by-nine.column, .offset-by-nine.columns         { margin-left: 78.0%;          }
  
  .offset-by-ten.column, .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  
  .offset-by-eleven.column, .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column, .offset-by-one-third.columns    { margin-left: 38.6666666667%; }
  
  .offset-by-two-thirds.column, .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column, .offset-by-one-half.columns     { margin-left: 52%; }

  /* No gutter margins */
   
  .column.no-gutter, .columns.no-gutter    		  { margin-left: 0; }

  .one.column.no-gutter, .one.columns.no-gutter          { width: 8.333%;   }
  
  .two.columns.no-gutter          { width: 16.6667%; }
  
  .three.columns.no-gutter        { width: 25%;      }
  
  .four.columns.no-gutter         { width: 33.3333%; }
  
  .five.columns.no-gutter         { width: 41.6667%; }
  
  .six.columns.no-gutter          { width: 50%;      }
  
  .seven.columns.no-gutter        { width: 58.3333%; }
  
  .eight.columns.no-gutter        { width: 66.6667%; }
  
  .nine.columns.no-gutter         { width: 75%;      }
  
  .ten.columns.no-gutter          { width: 83.3333%; }
  
  .eleven.columns.no-gutter       { width: 91.6667%; }

}
 
 
 
 /* Base Styles

–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* NOTE

html is set to 62.5% so that all the REM measurements throughout Skeleton

are based on 10px sizing. So basically 1.5rem = 15px :) */

html, body { height: 100%; }

html {
  
  font-size: 62.5%; }
  
body {
  
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  
  line-height: 1.6;
  
  font-weight: 400;
  
  font-style: normal;
  
  font-family: "Gotham SSm A", "Gotham SSm B", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  
  color: #222;
  
  -webkit-font-smoothing: antialiased;
  
  -moz-osx-font-smoothing: grayscale;
  
  }
  
  
  
  /* Typography

–––––––––––––––––––––––––––––––––––––––––––––––––– */

@font-face {
  font-family: "epr-icons";
  src:url("../fonts/epr-icons.eot");
  src:url("../fonts/epr-icons.eot%3F") format("embedded-opentype"),
    url("../fonts/epr-icons.woff") format("woff"),
    url("../fonts/epr-icons.ttf") format("truetype"),
    url("../fonts/epr-icons.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Barlow Condensed';
  src: url("../fonts/BarlowCondensed-Medium.ttf") format("truetype");
  font-weight: medium;
  font-style: normal;
}

[data-icon]:before {
  
  font-family: "epr-icons" !important;
  
  content: attr(data-icon);
  
  font-style: normal !important;
  
  font-weight: normal !important;
  
  font-variant: normal !important;
  
  text-transform: none !important;
  
  speak: none;
  
  line-height: 1;
  
  -webkit-font-smoothing: antialiased;
  
  -moz-osx-font-smoothing: grayscale;
  
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  
  font-family: "epr-icons" !important;
  
  font-style: normal !important;
  
  font-weight: normal !important;
  
  font-variant: normal !important;
  
  text-transform: none !important;
  
  speak: none;
  
  line-height: 1;
  
  -webkit-font-smoothing: antialiased;
  
  -moz-osx-font-smoothing: grayscale;
  
}

.entern, .entern a { color: #d0112b;     text-decoration: none; }

.recre, .recre a { color: #166936;     text-decoration: none; }

.educ, .educ a { color: #eca45c;     text-decoration: none; }

.spec, .spec a { color: #184f8b;     text-decoration: none; }

.leadership-space { margin-top: 2rem; }

.leadership-title { font-size: 1.75rem; font-weight: 500; color: #1F6AA6; }

.leadership-experience { font-size: 1.8rem; font-weight: 500; color: #000; }

.leadership-name { padding-top: 10px; }

.leadership-img img { max-width: 100%; }

h1, h2, h3, h4, h5, h6 {
  
  margin-top: 0;
  
  margin-bottom: 2rem;
  
  font-weight: 500; }
  
h1 { font-weight: 300; color: #555; text-transform: uppercase; font-size: 4.0rem; line-height: 1.2;  letter-spacing: 0rem; margin-bottom: 0rem }

h2 { font-weight: 300; font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }

h3 { color: #1F6AA6; font-weight: 300; text-transform: uppercase; font-size: 2.75rem; line-height: 1.3;  letter-spacing: -.05rem;  margin-bottom: 0; }

h4 { color: #184f8b; text-transform: uppercase; font-size: 1.75rem; line-height: 1.1; letter-spacing: 0;  margin-bottom: 1.5rem }

h5 { color: #444;  text-transform: uppercase; font-size: 1.85rem; line-height: 1.5; margin-bottom: 1rem }

h6 { color: #1F6AA6;  font-weight: 700; text-transform: uppercase; font-size: 1.75rem; line-height: 1.6;  letter-spacing: 0; }

/* Medium and up */

@media only screen and (min-width: 48em) {
  
  h1 { font-size: 3.5rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 2.5rem; }
  h4 { font-size: 1.5rem; }
  h5 { font-size: 1.5rem; }
  h6 { font-size: 1.25rem; margin-bottom: .5rem }
  
   .fin-intro-copy p { font-size: 2.2rem; line-height: 2.9rem;}   

}

/* Medium and up */

@media screen and (min-width: 62em) {
  
  h1 { font-size: 3.0rem !important; }
  h2 { font-size: 3.35rem; }
  h3 { font-size: 2.5rem; }
  h4 { font-size: 1.5rem; }
  h5 { font-size: 1.8rem; }
  h6 { font-size: 1.9rem; }
  
    .fin-intro-copy p { font-size: 2.65rem; line-height: 3.5rem;}
    
}

@media only screen and (min-width: 75em) {

  h3 { font-size: 3.5rem; }
  h4 { font-size: 2rem; }
  h5 { font-size: 2.2rem; }
  h6 { font-size: 1.5rem; }
  
  .fin-intro-copy p { font-size: 2.65rem; }

}

@media only screen and (min-width: 90.063em) {

  h1 { font-size: 4.5rem !important;}
  h3 { font-size: 4rem; }
  h5 { font-size: 2.5rem; }
  h6 { font-size: 2.0rem; }
}

p { margin-top: 0rem; }

/* Links

–––––––––––––––––––––––––––––––––––––––––––––––––– */

a {
  
  color: #0d72b0; }
  
a:hover, a:focus {
  
  color: #0FA0CE; }
  
  
  
  /* Buttons

–––––––––––––––––––––––––––––––––––––––––––––––––– */

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
  
  display: inline-block;
  
  height: 36px;
  
  padding: 0 30px;
  
  color: #555;
  
  background-color: #0091cc;
  
  color: #FFF;
  
  text-align: center;
  
  font-size: 11px;
  
  font-weight: 600;
  
  line-height: 34px;
  
  letter-spacing: .1rem;
  
  text-transform: uppercase;
  
  text-decoration: none;
  
  /*white-space: nowrap;*/
  
  border-radius: 4px;
  
  border: 1px #0091cc solid;
  
  cursor: pointer;
  
  box-sizing: border-box; }
  
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
  
  background: #F9F9F9;
  
  color: #0091cc;
  
  outline: 0; }
  
.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary {
  
  color: #FFF;
  
  background-color:  #0091cc;
  
  border-color:  #0091cc; }
  
.button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus {
  
  color: #0091cc;
  
  background-color: #FFF;
  
  border-color:  #0091cc; }

  .button.button-outline, button.button-outline {
  
  color:  #0091cc;
  
  background-color: transparent;
  
  border-color:  #0091cc; }
  
.button.button-outline:hover, button.button-outline:hover, .button.button-outline:focus, button.button-outline:focus{
  
  color: #fff;
  
  background-color:  #0091cc;
  
  border-color:  #0091cc; }

.button-white {
  
  color: white;
  
  border-color: white !important;
  
  transition: 0.3s;
  
}

.button-ltblue {
  
  color: #117BB0 !important;
  
  border-color: #444 !important;
  
  border-width: 2px !important;
  
  max-width: 270px;
  
  transition: 0.3s;
  
}

.button-blue {
  
  color: #1D4580 !important;
  
  border-color: #444 !important;
  
  border-width: 2px !important;
  
  max-width: 270px;
  
  transition: 0.3s;
  
}

.button-white:hover {
  
  background-color: #1D4580 !important;
  
  color: #FFF !important;
  
}

.button-ltblue:hover {
  
  background-color: #F0F0F0 !important;
  
  color: #1D4580 !important;
  
}

.button-blue:hover {
  
  background-color: #F0F0F0 !important;
  
  color: #279fd4 !important;
  
}


/* Forms

–––––––––––––––––––––––––––––––––––––––––––––––––– */

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
  
  height: 38px;
  
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  
  background-color: #fff;
  
  border: 1px solid #D1D1D1;
  
  border-radius: 4px;
  
  box-shadow: none;
  
  box-sizing: border-box; }
  
/* Removes awkward default styles on some inputs for iOS */

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea {
  
  -webkit-appearance: none;
  
     -moz-appearance: none;
     
          appearance: none; }
          
textarea {
  
  min-height: 65px;
  
  padding-top: 6px;
  
  padding-bottom: 6px; }
  
input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
  
  border: 1px solid #33C3F0;
  
  outline: 0; }
  
label, legend {
  
  display: block;
  
  margin-bottom: .5rem;
  
  font-weight: 600; }
  
fieldset {
  
  padding: 0;
  
  border-width: 0; }
  
input[type="checkbox"], input[type="radio"] {
  
  display: inline; }
  
label > .label-body {
  
  display: inline-block;
  
  margin-left: .5rem;
  
  font-weight: normal; }
  
  
  
  /* Lists

–––––––––––––––––––––––––––––––––––––––––––––––––– */

ul {
  
  list-style: circle inside; }
  
ol {
  
  list-style: decimal inside; }
  
ol, ul {
  
  padding-left: 0;
  
  margin-top: 0; }
  
ul ul, ul ol, ol ol, ol ul {
  
  margin: 1.5rem 0 1.5rem 3rem;
  
  font-size: 90%; }
  
li {
  
  margin-bottom: 1rem; }
  
  
  

button, .button {
  
  margin-bottom: 1rem; }
  
input, textarea, select, fieldset { 
  
  margin-bottom: 1.5rem; } 
  
pre, blockquote, dl, figure, table, p, ul, ol, form {
  
  margin-bottom: 1rem; }
  
  
  
  /* Utilities

–––––––––––––––––––––––––––––––––––––––––––––––––– */

.u-full-width {
  
  width: 100%;
  
  box-sizing: border-box; }
  
.u-max-full-width, .alignnone {
  
  max-width: 100%;
  
  box-sizing: border-box;
  
  height: auto; }
  
.u-pull-right, .alignright {
  
  float: right;
  
  margin-left: 1rem }
  
.u-pull-left, .alignleft {
  
  float: left;
  
   margin-right: 1rem }
   
   

.aligncenter {
  
    display: block;
    
    margin: 5px auto 5px auto; }
    
    

/* Blockquote

–––––––––––––––––––––––––––––––––––––––––––––––––– */

blockquote p {  font-size: 120%; color: #666; }

blockquote { margin: 0 0 2.5rem 0; padding: 2.5rem 0 0 0; border-top: 1px #007eba solid; border-bottom: 1px #007eba solid; }

blockquote cite { display: block; font-size: 12px; color: #555; }

blockquote cite:before { content: "\2014 \0020"; }

blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

/* Misc

–––––––––––––––––––––––––––––––––––––––––––––––––– */

hr {
  
  margin-top: 1rem;
  
  margin-bottom: 1.5rem;
  
  border-width: 0;
  
  border-top: 1px solid #CCC; }
  
  
  
  /* Clearing

–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */

section:after,.container:after, .row:after, .u-cf {
  
  content: "";
  
  display: table;
  
  clear: both; }
  
  
  
  /* Icons

–––––––––––––––––––––––––––––––––––––––––––––––––– */

.icon-early-childhood:before {
  
  content: "\61";
  
}

.icon-ski-parks:before {
  
  content: "\62";
  
}

.icon-education:before {
  
  content: "\63";
  
}

.icon-waterparks:before {
  
  content: "\64";
  
}

.icon-education-fill:before {
  
  content: "\65";
  
}

.icon-entertainment:before {
  
  content: "\66";
  
}

.icon-entertainment-fill:before {
  
  content: "\67";
  
}

.icon-erc:before {
  
  content: "\68";
  
}

.icon-fec:before {
  
  content: "\69";
  
}

.icon-golf-entertainment:before {
  
  content: "\6a";
  
}

.icon-megaplex-theatres:before {
  
  content: "\6b";
  
}

.icon-private-schools:before {
  
  content: "\6c";
  
}

.icon-public-charter:before {
  
  content: "\6d";
  
}

.icon-recreation:before {
  
  content: "\6e";
  
}

.icon-recreation-fill:before {
  
  content: "\6f";
  
}

.icon-attractions:before {
  
  content: "\6z";
  
  margin-left: -0.3em;
  
}


/* Media Queries

–––––––––––––––––––––––––––––––––––––––––––––––––– */

/*

Note: The best way to structure the use of media queries is to create the queries

near the relevant code. For example, if you wanted to change the styles for buttons

on small devices, paste the mobile query code up in the buttons section and style it

there.

*/

/* Small and up */

@media only screen and (min-width: 25em) {
  
.button { margin-bottom: 1rem; width: 100%; }

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
  
  display: inline-block;
  
  height: 36px;
  
  padding: 0 20px;
  
  color: #555;
  
  background-color: #0091cc;
  
  color: #FFF;
  
  text-align: center;
  
  font-size: 12px;
  
  font-weight: 600;
  
  line-height: 34px;
  
  letter-spacing: .1rem;
  
  text-transform: uppercase;
  
  text-decoration: none;
  
  /*white-space: nowrap;*/
  
  border-radius: 4px;
  
  border: 1px #0091cc solid;
  
  cursor: pointer;
  
  box-sizing: border-box; }
  
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
  
  background: #F9F9F9;
  
  color: #0091cc;
  
  outline: 0; }
  
.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary {
  
  color: #FFF;
  
  background-color:  #0091cc;
  
  border-color:  #0091cc; }
  
.button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus {
  
  color: #0091cc;
  
  background-color: #FFF;
  
  border-color:  #0091cc; }

  .button.button-outline, button.button-outline {
  
  color:  #0091cc;
  
  background-color: transparent;
  
  border-color:  #0091cc; }
  
.button.button-outline:hover, button.button-outline:hover, .button.button-outline:focus, button.button-outline:focus{
  
  color: #fff;
  
  background-color:  #0091cc;
  
  border-color:  #0091cc; }
  
  
  
}

@media only screen and (min-width: 34em) {
  
/* Buttons

–––––––––––––––––––––––––––––––––––––––––––––––––– */

.button { margin-bottom: 1rem; width: 100%; }

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
  
  display: inline-block;
  
  height: 48px;
  
  padding: 8px 8px 8px 8px;
  
  color: #555;
  
  /*background-color: #0091cc;*/
  
  background-color: transparent !important;
  
  /*color: #FFF;*/
  
  text-align: center;
  
  /*font-size: 55%;*/
  
  font-size: 100%;
  
  font-weight: 500;
  
  line-height: 28px;
  
  letter-spacing: .1rem;
  
  text-transform: uppercase;
  
  text-decoration: none;
  
  /*white-space: nowrap;*/
  
  border-radius: 4px;
  
  border: 1px #0091cc solid;
  
  cursor: pointer;
  
  box-sizing: border-box; }
  
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
  
  background: #F9F9F9;
  
  color: #0091cc;
  
  outline: 0; }
  
.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary {
  
  color: #FFF;
  
  background-color:  #0091cc;
  
  border-color:  #0091cc; 
  
}

.button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus {
  
  color: #0091cc;
  
  background-color: #FFF;
  
  border-color:  #0091cc; 
  
}

.button.button-outline, button.button-outline {
  
  color:  #0091cc;
  
  background-color: transparent;
  
  border-color:  #0091cc; 
  
}

.button.button-outline:hover, button.button-outline:hover, .button.button-outline:focus, button.button-outline:focus {
  
  color: #fff;
  
  background-color:  #0091cc;
  
  border-color:  #0091cc; }
  
  
  
} /*End Media Query 34em*/

/* Small only */

@media only screen and (max-width: 47em) {

  .button,
  
	button,
  
	input[type="submit"],
  
	input[type="reset"],
  
	input[type="button"] {
    
  font-size: 1.4rem;}
  
}


@media only screen and (max-width: 52em) {
  
	body { font-size: 1.3em; }
  
	.button { margin-bottom: 1rem; width: 95%; }
  
	.button,
  
	button,
  
	input[type="submit"],
  
	input[type="reset"],
  
	input[type="button"] {
    
  display: inline-block;
  
  height: 30px;
  
  padding: 10px 10px 18px 10px;
  
  color: #555;
  
  background-color: #0091cc;
  
  color: #FFF;
  
  text-align: center;
  
  font-size: 1.4rem;
  
  font-weight: 600;
  
  line-height: 130%;
  
  letter-spacing: .1rem;
  
  text-transform: uppercase;
  
  text-decoration: none;
  
  /*white-space: nowrap;*/
  
  border-radius: 4px;
  
  border: 1px #0091cc solid;
  
  cursor: pointer;
  
  box-sizing: inherit; }
  
  .button:hover,
  
	button:hover,
  
	input[type="submit"]:hover,
  
	input[type="reset"]:hover,
  
	input[type="button"]:hover,
  
	.button:focus,
  
	button:focus,
  
	input[type="submit"]:focus,
  
	input[type="reset"]:focus,
  
	input[type="button"]:focus {
    
	  background: #F9F9F9;
    
	  color: #0091cc;
    
	  outline: 0; }
    
	.button.button-primary,
  
	button.button-primary,
  
	input[type="submit"].button-primary,
  
	input[type="reset"].button-primary,
  
	input[type="button"].button-primary {
    
	  color: #FFF;
    
	  background-color:  #0091cc;
    
	  border-color:  #0091cc; }
    
	.button.button-primary:hover,
  
	button.button-primary:hover,
  
	input[type="submit"].button-primary:hover,
  
	input[type="reset"].button-primary:hover,
  
	input[type="button"].button-primary:hover,
  
	.button.button-primary:focus,
  
	button.button-primary:focus,
  
	input[type="submit"].button-primary:focus,
  
	input[type="reset"].button-primary:focus,
  
	input[type="button"].button-primary:focus {
    
	  color: #0091cc;
    
	  background-color: #FFF;
    
	  border-color:  #0091cc; }
    
    

	.button.button-outline,
  
	button.button-outline {
    
	  color:  #0091cc;
    
	  background-color: transparent;
    
	  border-color:  #0091cc; }
    
	.button.button-outline:hover,
  
	button.button-outline:hover,
  
	.button.button-outline:focus,
  
	button.button-outline:focus{
    
	  color: #fff;
    
	  background-color:  #0091cc;
    
	  border-color:  #0091cc; }
    
    

}

/* Medium and up */

@media only screen and (min-width: 48em) {

  blockquote p { margin-bottom: 1.5rem; }
  
	blockquote { margin-top: .5rem; padding: 1.5rem 0 0 0; }
  
  
  
}

/* Large and up */

@media only screen and (min-width: 62em) {

  blockquote p {  font-size: 140%; }
  
  .leadership-name { padding-top: 40px; }
  
  .leadership-title { font-size: 2.25rem; }

}

@media only screen and (min-width: 75em) {

  blockquote { margin-bottom: 5rem }
  
	blockquote p {  font-size: 150%; }
  
  .leadership-name { padding-top: 80px; }

}

/* Larger than Desktop HD */

@media only screen and (min-width: 90.063em) {

  blockquote p {  font-size: 180%; }
  
  .leadership-name { padding-top: 100px; }

}

/* Larger than Desktop HD */

@media only screen and (min-width: 105.063em) {

  .leadership-name { padding-top: 100px; }

}

/* Larger than XXL Desktop HD */

@media only screen and (min-width: 120.063em) {

  .leadership-name { padding-top: 100px; }

}