@font-face {
  font-family: 'IdeaList';
  src: url('fonts/idealist_sans-webfont.woff2');
  src: url('fonts/idealist_sans-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

body {
  background-color: #FFFFFF;
  color: #004463;
  font-family: IdeaList, sans-serif;
  height: 100%;
  margin: 0;
  position: relative;
  text-align: center;
}
.row {max-width:1200px;margin-right:auto;margin-left:auto;display:flex;flex-flow:row wrap;position: relative;}
.small-12 {width: 100%;flex: 0 0 100%;max-width: 100%;}
.column {flex: 1 1 0px;padding-right: 0.925rem; padding-left: 0.925rem; min-width: initial;}
.float-left{float: left !important;}
.float-right{float: right !important;}
header {border-bottom:1px solid #d7d7d7;box-shadow: 1.3px 2.6px 18px 0 rgba(0,0,0,0.07);background-color: #fff;overflow: hidden;padding: 20px 0;}
header span {line-height: 42px;}
header a {float: right;}
a {text-decoration: none;webkit-transition: opacity .3s ease-in;-moz-transition: opacity .3s ease-in;-o-transition: opacity .3s ease-in;transition: opacity .3s ease-in; transition: all .3s;}
a:hover{text-shadow:0px 0px 0px #fff, 0px 0px 0px #fff, 0px 0px 0px #fff;}
.font-12{font-size: 12px;}
.font-18{font-size: 18px;}
.font-24{font-size: 24px;}
img {display: inline-block;vertical-align: middle;max-width: 100%;height: auto;-ms-interpolation-mode: bicubic;}
.text-wrapper{margin: 30px auto 30px; display: table;overflow: hidden; text-align: center;}
.button{color:#fff;background-color:#004463; font-size: 18px;letter-spacing: -2px;padding: 10px 15px;display: inline-block;overflow: hidden;}
.button:hover{background-color: #cd3524;}
footer {position:relative;width:100%;background-color: #004463;padding: 20px 0;color: #FFFFFF;line-height: 1.25;font-size: 15px;}
footer a {color: #fff; font-size: 18px;}

@media only screen and (max-width:640px){
  .font-18{font-size: 16px;}
  .small-text-center {text-align: center;}
  header a {float: none;}
  header {padding: 10px 0; text-align: center;}
}