/* Scss Document */
/* @license
 * MyFonts Webfont Build ID 2566722, 2013-05-28T11:12:58-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Museo Sans 700 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/700/
 * Copyright: Copyright (c) 2008 by Jos Buivenga. All rights reserved.
 * 
 * Webfont: Museo Sans 300 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/300/
 * Copyright: Copyright (c) 2008 by Jos Buivenga. All rights reserved.
 * 
 * Webfont: Museo Sans 500 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/500/
 * Copyright: Copyright (c) 2008 by Jos Buivenga. All rights reserved.
 * 
 * Webfont: Museo Sans 300 Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/300-italic/
 * Copyright: Copyright (c) 2008 by Jos Buivenga. All rights reserved.
 * 
 * Webfont: Museo Slab 700 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/700/
 * Copyright: Copyright (c) 2009 by Jos Buivenga. All rights reserved.
 * 
 * Webfont: Museo Slab 300 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/300/
 * Copyright: Copyright (c) 2009 by Jos Buivenga. All rights reserved.
 * 
 * Webfont: Museo Slab 500 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/500/
 * Copyright: Copyright (c) 2009 by Jos Buivenga. All rights reserved.
 * 
 * Webfont: Museo Slab 300 Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/300-italic/
 * Copyright: Copyright (c) 2009 by Jos Buivenga. All rights reserved.
 * 
 * Webfont: Museo Slab 700 Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/700-italic/
 * Copyright: Copyright (c) 2009 by Jos Buivenga. All rights reserved.
 * 
 * Webfont: Museo Slab 500 Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/500-italic/
 * Copyright: Copyright (c) 2009 by Jos Buivenga. All rights reserved.
 * 
 * Webfont: Museo Sans Condensed-300 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans-cond/300/
 * Copyright: Copyright (c) 2011 by Jos Buivenga. All rights reserved.
 * 
 * Webfont: Museo Sans Condensed-500 Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans-cond/500i/
 * Copyright: Copyright (c) 2011 by Jos Buivenga. All rights reserved.
 * 
 * Webfont: Museo Sans Condensed-500 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans-cond/500/
 * Copyright: Copyright (c) 2011 by Jos Buivenga. All rights reserved.
 * 
 * Webfont: Museo Sans Condensed-700 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans-cond/700/
 * Copyright: Copyright (c) 2011 by Jos Buivenga. All rights reserved.
 * 
 * Webfont: Museo Sans Condensed-700 Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans-cond/700i/
 * Copyright: Copyright (c) 2011 by Jos Buivenga. All rights reserved.
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2566722
 * 
 * © 2013 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/272a42");

  
@font-face {font-family: 'MuseoSans-700';src: url('webfonts/272A42_0_0.eot');src: url('webfonts/272A42_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/272A42_0_0.woff') format('woff'),url('webfonts/272A42_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'MuseoSans-300';src: url('webfonts/272A42_1_0.eot');src: url('webfonts/272A42_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/272A42_1_0.woff') format('woff'),url('webfonts/272A42_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'MuseoSans-500';src: url('webfonts/272A42_2_0.eot');src: url('webfonts/272A42_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/272A42_2_0.woff') format('woff'),url('webfonts/272A42_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'MuseoSans-300Italic';src: url('webfonts/272A42_3_0.eot');src: url('webfonts/272A42_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/272A42_3_0.woff') format('woff'),url('webfonts/272A42_3_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'MuseoSlab-700';src: url('webfonts/272A42_4_0.eot');src: url('webfonts/272A42_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/272A42_4_0.woff') format('woff'),url('webfonts/272A42_4_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'MuseoSlab-300';src: url('webfonts/272A42_5_0.eot');src: url('webfonts/272A42_5_0.eot?#iefix') format('embedded-opentype'),url('webfonts/272A42_5_0.woff') format('woff'),url('webfonts/272A42_5_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'MuseoSlab-500';src: url('webfonts/272A42_6_0.eot');src: url('webfonts/272A42_6_0.eot?#iefix') format('embedded-opentype'),url('webfonts/272A42_6_0.woff') format('woff'),url('webfonts/272A42_6_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'MuseoSlab-300Italic';src: url('webfonts/272A42_7_0.eot');src: url('webfonts/272A42_7_0.eot?#iefix') format('embedded-opentype'),url('webfonts/272A42_7_0.woff') format('woff'),url('webfonts/272A42_7_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'MuseoSlab-700Italic';src: url('webfonts/272A42_8_0.eot');src: url('webfonts/272A42_8_0.eot?#iefix') format('embedded-opentype'),url('webfonts/272A42_8_0.woff') format('woff'),url('webfonts/272A42_8_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'MuseoSlab-500Italic';src: url('webfonts/272A42_9_0.eot');src: url('webfonts/272A42_9_0.eot?#iefix') format('embedded-opentype'),url('webfonts/272A42_9_0.woff') format('woff'),url('webfonts/272A42_9_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'MuseoSansCond-300';src: url('webfonts/272A42_A_0.eot');src: url('webfonts/272A42_A_0.eot?#iefix') format('embedded-opentype'),url('webfonts/272A42_A_0.woff') format('woff'),url('webfonts/272A42_A_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'MuseoSansCond-500Italic';src: url('webfonts/272A42_B_0.eot');src: url('webfonts/272A42_B_0.eot?#iefix') format('embedded-opentype'),url('webfonts/272A42_B_0.woff') format('woff'),url('webfonts/272A42_B_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'MuseoSansCond-500';src: url('webfonts/272A42_C_0.eot');src: url('webfonts/272A42_C_0.eot?#iefix') format('embedded-opentype'),url('webfonts/272A42_C_0.woff') format('woff'),url('webfonts/272A42_C_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'MuseoSansCond-700';src: url('webfonts/272A42_D_0.eot');src: url('webfonts/272A42_D_0.eot?#iefix') format('embedded-opentype'),url('webfonts/272A42_D_0.woff') format('woff'),url('webfonts/272A42_D_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'MuseoSansCond-700Italic';src: url('webfonts/272A42_E_0.eot');src: url('webfonts/272A42_E_0.eot?#iefix') format('embedded-opentype'),url('webfonts/272A42_E_0.woff') format('woff'),url('webfonts/272A42_E_0.ttf') format('truetype');}

body {
   background: #ececec;
    font-family: 'MuseoSans-300', Helvetica, Arial, sans-serif;
    font-size:16px;
    line-height: 18px;
    padding: 0;
    margin: 0;
}
header {
    background: #739FBF;
    width: 100%;
    margin: 0;
    padding:0;
}
header .wrap {
    padding: 1% 2%;
}
.logo {
    width:400px;
    height: 115px;
}
main {
    overflow: auto;
}
main .wrap {
    background: white;
}
.wrap {
    width:70%;
    margin: 0 auto;
    padding: 0;
}


h1 {
    font-family: 'MuseoSans-700', Helvetica, Arial, sans-serif;
    font-size:30px;
    line-height: 34px;
}

.flex-cards, .flex-hero {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
    align-content:space-around;
}
.flex-cards {
    padding:0 2% 2% 2%;
}
.col-top {
    display:block;
    width:100%;
    margin:0;
    padding:0 0 1%;
    border-bottom: 1px solid #ececec;
}
.flex-cards .item {
  flex-basis: 31%; }
  @media (max-width: 736px) {
    .flex-cards .item {
      flex-basis: 90%; } }
  @media (min-width: 768px) and (max-width: 768px) {
    .flex-cards .item {
      flex-basis: 46%; } }

.flex-cards .item.wide {
  flex-basis: 63%; }
  @media (max-width: 736px) {
    .flex-cards .item.wide {
      flex-basis: 90%; } }
  @media (min-width: 768px) and (max-width: 768px) {
    .flex-cards .item.wide {
      flex-basis: 76%; } }

.flex-cards > .item {
  border: 1px solid #ccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  margin-bottom: 3%;
  padding-bottom: 3%; }
  @media (max-width: 736px) {
    .flex-cards > .item {
      padding-bottom: 8%; } }
  .flex-cards > .item p {
    font-size: 14px;
    font-size: 0.882rem;
    line-height: 18px;
    line-height: 1.17rem; }
  .flex-cards > .item a {
    color: #3979A6; }
  .flex-cards > .item a.btn-corner {
    color: white; }
  .flex-cards > .item h2, .flex-cards > .item h2 a {
    font-family: 'MuseoSans-700', Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-size: 1.764rem;
    line-height: 28px;
    line-height: 1.82rem;
    color: #767470; }
  .flex-cards > .item h2 {
    border-bottom: 1px solid #ccc; }
  .flex-cards > .item ul {
    list-style-type: none;
    margin: 0;
    font-size: 14px;
    font-size: 0.882rem;
    line-height: 18px;
    line-height: 1.17rem; }
  .flex-cards > .item div ul {
    padding: 0; }
  .flex-cards > .item img {
    max-width: 90%;
    margin: 2% 0; }
  .flex-cards > .item .hold img {
    margin: 0; }

.flex-cards > .item > * {
  padding: 2% 5%; }

.flex-cards > .item > h2 {
  padding-top: 7% !important;
  padding-bottom: 5% !important; }

.flex-cards > .item > h4 {
    padding-bottom:0;
    margin-bottom: 0;
}

.flex-cards > .item > p {
  margin: 0.5em 0; }


.flex-space {
  padding: 1% 3% 1%;
  width: 94%;
  background: white;
  overflow: auto; }

.flex-space.orange {
    background: #dd7e4c;
    color:white;
    margin-bottom: 0;
    padding: 2% 3% 2%;
  width: 94%;
}
.flex-space.orange h1 {
        color:white;
        font-family: 'MuseoSans-300', Helvetica, Arial, sans-serif;
        margin: 0;
    font-weight: normal;
    font-size: 22px;
    line-height: 24px;
    }
.flex-space.navy h2 {
        color:white;
        font-family: 'MuseoSans-300', Helvetica, Arial, sans-serif;
        margin: 0;
    font-weight: normal;
    font-size: 18px;
    line-height: 20px;
    }
.flex-space.navy {
    background: #0b3d60;
    color:white;
    margin-bottom: 2%;
    padding: 2% 3% 2%;
  width: 94%;
}
.flex-space.navy p {
    width: 70%;
}
.hero {
    width: 100%;
    padding:0;
    margin: 0;
    position: relative;
    background: #001226;
}
.hero img {
    width: auto;
    height: auto;
    max-width: 100%;
}
.hero div {
    position: absolute;
    left: 3%;
    top: 20%;
    font-size: 30px;
    line-height: 34px;
    color: white;
    font-family: 'MuseoSans-300', Helvetica, Arial, sans-serif;
    padding: 0;
    margin: 0;
}
@media (min-width: 1730px) {
    .hero div {
        left:3%;
        top:30%;
    }
}
@media (max-width: 1024px) {
    .wrap {
    width:100%;
    margin: 0 auto;
    padding: 0;
     }
}

 @media (min-width: 768px) and (max-width: 768px) {
    .hero div {
        font-size: 20px;
        line-height: 22px;
        width:80%;
        left:5%;
        top:20%;
    }
    .flex-cards > .item h2 {
        font-size:20px;
    }
     .wrap {
    width:100%;
    margin: 0 auto;
    padding: 0;
     }
}
@media (max-width: 736px) {
    .hero div {
        font-size: 18px;
        line-height: 20px;
        width:80%;
        right:10%;
        top:15%;
        padding:2%;
    }
    .flex-space.navy p {
    width: 80%;
}
    .hero img {
    display: none;
}
    .hero {
        height: 80px;
    }
    .wrap {
    width:100%;
    margin: 0 auto;
    padding: 0;
     }
    .flexspace h2 {
            margin-left: 4%;
    }
}
.left {
    float:left;
    margin: 0 2% 2% 0;
}
a, a:visited {
    color: #3979A6;
    text-decoration: none;
}
a:hover {
    color: #ee8e40;
}