*{
  box-sizing:border-box;
}

body{
  font-family:-apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    'Roboto',
    'Helvetica Neue',
    Helvetica,
    sans-serif;
  line-height:1.5;
  margin:0;
  color:#111;
  background-color:#fff;
}

img{
  max-width:100%;
  height:auto;
}

svg{
  max-height:100%;
}

a{
  color:#07c;
}

h1, h2, h3,
h4, h5, h6{
  font-weight:600;
  line-height:1.25;
  margin-top:1em;
  margin-bottom:.5em;
}

h1{ font-size:2rem }

h2{ font-size:1.5rem }

h3{ font-size:1.25rem }

h4{ font-size:1rem }

h5{ font-size:.875rem }

h6{ font-size:.75rem }

p, dl, ol, ul, pre, blockquote{
  margin-top:1em;
  margin-bottom:1em;
}

code,
pre,
samp{
  font-family:'Roboto Mono',
    'Source Code Pro',
    Menlo,
    Consolas,
    'Liberation Mono',
    monospace;
}

code, samp{
  font-size:87.5%;
  padding:.125em;
}

pre{
  font-size:87.5%;
  overflow:scroll;
}

blockquote{
  font-size:1.25rem;
  font-style:italic;
  margin-left:0;
}

hr{
  margin-top:1.5em;
  margin-bottom:1.5em;
  border:0;
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#ccc;
}

.h1{ font-size:2rem }

.h2{ font-size:1.5rem }

.h3{ font-size:1.25rem }

.h4{ font-size:1rem }

.h5{ font-size:.875rem }

.h6{ font-size:.75rem }

.font-family-inherit{ font-family:inherit }

.font-size-inherit{ font-size:inherit }

.text-decoration-none{ text-decoration:none }

.bold{ font-weight:bold; font-weight:bold }

.regular{ font-weight:normal }

.italic{ font-style:italic }

.caps{ text-transform:uppercase; letter-spacing:.2em; }

.left-align{ text-align:left }

.center{ text-align:center }

.right-align{ text-align:right }

.justify{ text-align:justify }

.nowrap{ white-space:nowrap }

.break-word{ word-wrap:break-word }

.line-height-1{ line-height:1 }

.line-height-2{ line-height:1.125 }

.line-height-3{ line-height:1.25 }

.line-height-4{ line-height:1.5 }

.list-style-none{ list-style:none }

.underline{ text-decoration:underline }

.truncate{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.list-reset{
  list-style:none;
  padding-left:0;
}

.inline{ display:inline }

.block{ display:block }

.inline-block{ display:inline-block }

.table{ display:table }

.table-cell{ display:table-cell }

.overflow-hidden{ overflow:hidden }

.overflow-scroll{ overflow:scroll }

.overflow-auto{ overflow:auto }

.clearfix:before,
.clearfix:after{
  content:" ";
  display:table
}

.clearfix:after{ clear:both }

.left{ float:left }

.right{ float:right }

.fit{ max-width:100% }

.max-width-1{ max-width:24rem }

.max-width-2{ max-width:32rem }

.max-width-3{ max-width:48rem }

.max-width-4{ max-width:64rem }

.border-box{ box-sizing:border-box }

.align-baseline{ vertical-align:baseline }

.align-top{ vertical-align:top }

.align-middle{ vertical-align:middle }

.align-bottom{ vertical-align:bottom }

.m0{ margin:0 }

.mt0{ margin-top:0 }

.mr0{ margin-right:0 }

.mb0{ margin-bottom:0 }

.ml0{ margin-left:0 }

.mx0{ margin-left:0; margin-right:0 }

.my0{ margin-top:0; margin-bottom:0 }

.m1{ margin:.5rem }

.mt1{ margin-top:.5rem }

.mr1{ margin-right:.5rem }

.mb1{ margin-bottom:.5rem }

.ml1{ margin-left:.5rem }

.mx1{ margin-left:.5rem; margin-right:.5rem }

.my1{ margin-top:.5rem; margin-bottom:.5rem }

.m2{ margin:1rem }

.mt2{ margin-top:1rem }

.mr2{ margin-right:1rem }

.mb2{ margin-bottom:1rem }

.ml2{ margin-left:1rem }

.mx2{ margin-left:1rem; margin-right:1rem }

.my2{ margin-top:1rem; margin-bottom:1rem }

.m3{ margin:2rem }

.mt3{ margin-top:2rem }

.mr3{ margin-right:2rem }

.mb3{ margin-bottom:2rem }

.ml3{ margin-left:2rem }

.mx3{ margin-left:2rem; margin-right:2rem }

.my3{ margin-top:2rem; margin-bottom:2rem }

.m4{ margin:4rem }

.mt4{ margin-top:4rem }

.mr4{ margin-right:4rem }

.mb4{ margin-bottom:4rem }

.ml4{ margin-left:4rem }

.mx4{ margin-left:4rem; margin-right:4rem }

.my4{ margin-top:4rem; margin-bottom:4rem }

.mxn1{ margin-left:-.5rem; margin-right:-.5rem; }

.mxn2{ margin-left:-1rem; margin-right:-1rem; }

.mxn3{ margin-left:-2rem; margin-right:-2rem; }

.mxn4{ margin-left:-4rem; margin-right:-4rem; }

.ml-auto{ margin-left:auto }

.mr-auto{ margin-right:auto }

.mx-auto{ margin-left:auto; margin-right:auto; }

.p0{ padding:0 }

.pt0{ padding-top:0 }

.pr0{ padding-right:0 }

.pb0{ padding-bottom:0 }

.pl0{ padding-left:0 }

.px0{ padding-left:0; padding-right:0 }

.py0{ padding-top:0;  padding-bottom:0 }

.p1{ padding:.5rem }

.pt1{ padding-top:.5rem }

.pr1{ padding-right:.5rem }

.pb1{ padding-bottom:.5rem }

.pl1{ padding-left:.5rem }

.py1{ padding-top:.5rem; padding-bottom:.5rem }

.px1{ padding-left:.5rem; padding-right:.5rem }

.p2{ padding:1rem }

.pt2{ padding-top:1rem }

.pr2{ padding-right:1rem }

.pb2{ padding-bottom:1rem }

.pl2{ padding-left:1rem }

.py2{ padding-top:1rem; padding-bottom:1rem }

.px2{ padding-left:1rem; padding-right:1rem }

.p3{ padding:2rem }

.pt3{ padding-top:2rem }

.pr3{ padding-right:2rem }

.pb3{ padding-bottom:2rem }

.pl3{ padding-left:2rem }

.py3{ padding-top:2rem; padding-bottom:2rem }

.px3{ padding-left:2rem; padding-right:2rem }

.p4{ padding:4rem }

.pt4{ padding-top:4rem }

.pr4{ padding-right:4rem }

.pb4{ padding-bottom:4rem }

.pl4{ padding-left:4rem }

.py4{ padding-top:4rem; padding-bottom:4rem }

.px4{ padding-left:4rem; padding-right:4rem }

.col{
  float:left;
  box-sizing:border-box;
}

.col-right{
  float:right;
  box-sizing:border-box;
}

.col-1{
  width:8.33333%;
}

.col-2{
  width:16.66667%;
}

.col-3{
  width:25%;
}

.col-4{
  width:33.33333%;
}

.col-5{
  width:41.66667%;
}

.col-6{
  width:50%;
}

.col-7{
  width:58.33333%;
}

.col-8{
  width:66.66667%;
}

.col-9{
  width:75%;
}

.col-10{
  width:83.33333%;
}

.col-11{
  width:91.66667%;
}

.col-12{
  width:100%;
}

@media (min-width: 40em){

  .sm-col{
    float:left;
    box-sizing:border-box;
  }

  .sm-col-right{
    float:right;
    box-sizing:border-box;
  }

  .sm-col-1{
    width:8.33333%;
  }

  .sm-col-2{
    width:16.66667%;
  }

  .sm-col-3{
    width:25%;
  }

  .sm-col-4{
    width:33.33333%;
  }

  .sm-col-5{
    width:41.66667%;
  }

  .sm-col-6{
    width:50%;
  }

  .sm-col-7{
    width:58.33333%;
  }

  .sm-col-8{
    width:66.66667%;
  }

  .sm-col-9{
    width:75%;
  }

  .sm-col-10{
    width:83.33333%;
  }

  .sm-col-11{
    width:91.66667%;
  }

  .sm-col-12{
    width:100%;
  }

}

@media (min-width: 52em){

  .md-col{
    float:left;
    box-sizing:border-box;
  }

  .md-col-right{
    float:right;
    box-sizing:border-box;
  }

  .md-col-1{
    width:8.33333%;
  }

  .md-col-2{
    width:16.66667%;
  }

  .md-col-3{
    width:25%;
  }

  .md-col-4{
    width:33.33333%;
  }

  .md-col-5{
    width:41.66667%;
  }

  .md-col-6{
    width:50%;
  }

  .md-col-7{
    width:58.33333%;
  }

  .md-col-8{
    width:66.66667%;
  }

  .md-col-9{
    width:75%;
  }

  .md-col-10{
    width:83.33333%;
  }

  .md-col-11{
    width:91.66667%;
  }

  .md-col-12{
    width:100%;
  }

}

@media (min-width: 64em){

  .lg-col{
    float:left;
    box-sizing:border-box;
  }

  .lg-col-right{
    float:right;
    box-sizing:border-box;
  }

  .lg-col-1{
    width:8.33333%;
  }

  .lg-col-2{
    width:16.66667%;
  }

  .lg-col-3{
    width:25%;
  }

  .lg-col-4{
    width:33.33333%;
  }

  .lg-col-5{
    width:41.66667%;
  }

  .lg-col-6{
    width:50%;
  }

  .lg-col-7{
    width:58.33333%;
  }

  .lg-col-8{
    width:66.66667%;
  }

  .lg-col-9{
    width:75%;
  }

  .lg-col-10{
    width:83.33333%;
  }

  .lg-col-11{
    width:91.66667%;
  }

  .lg-col-12{
    width:100%;
  }

}

.flex{ display:-webkit-box; display:-ms-flexbox; display:flex }

@media (min-width: 40em){
  .sm-flex{ display:-webkit-box; display:-ms-flexbox; display:flex }
}

@media (min-width: 52em){
  .md-flex{ display:-webkit-box; display:-ms-flexbox; display:flex }
}

@media (min-width: 64em){
  .lg-flex{ display:-webkit-box; display:-ms-flexbox; display:flex }
}

.flex-column{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column }

.flex-wrap{ -ms-flex-wrap:wrap; flex-wrap:wrap }

.items-start{ -webkit-box-align:start; -ms-flex-align:start; -ms-grid-row-align:flex-start; align-items:flex-start }

.items-end{ -webkit-box-align:end; -ms-flex-align:end; -ms-grid-row-align:flex-end; align-items:flex-end }

.items-center{ -webkit-box-align:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center }

.items-baseline{ -webkit-box-align:baseline; -ms-flex-align:baseline; -ms-grid-row-align:baseline; align-items:baseline }

.items-stretch{ -webkit-box-align:stretch; -ms-flex-align:stretch; -ms-grid-row-align:stretch; align-items:stretch }

.self-start{ -ms-flex-item-align:start; align-self:flex-start }

.self-end{ -ms-flex-item-align:end; align-self:flex-end }

.self-center{ -ms-flex-item-align:center; align-self:center }

.self-baseline{ -ms-flex-item-align:baseline; align-self:baseline }

.self-stretch{ -ms-flex-item-align:stretch; align-self:stretch }

.justify-start{ -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start }

.justify-end{ -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end }

.justify-center{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center }

.justify-between{ -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between }

.justify-around{ -ms-flex-pack:distribute; justify-content:space-around }

.content-start{ -ms-flex-line-pack:start; align-content:flex-start }

.content-end{ -ms-flex-line-pack:end; align-content:flex-end }

.content-center{ -ms-flex-line-pack:center; align-content:center }

.content-between{ -ms-flex-line-pack:justify; align-content:space-between }

.content-around{ -ms-flex-line-pack:distribute; align-content:space-around }

.content-stretch{ -ms-flex-line-pack:stretch; align-content:stretch }

.flex-auto{
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  min-width:0;
  min-height:0;
}

.flex-none{ -webkit-box-flex:0; -ms-flex:none; flex:none }

.order-0{ -webkit-box-ordinal-group:1; -ms-flex-order:0; order:0 }

.order-1{ -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1 }

.order-2{ -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2 }

.order-3{ -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3 }

.order-last{ -webkit-box-ordinal-group:100000; -ms-flex-order:99999; order:99999 }

.relative{ position:relative }

.absolute{ position:absolute }

.fixed{ position:fixed }

.top-0{ top:0 }

.right-0{ right:0 }

.bottom-0{ bottom:0 }

.left-0{ left:0 }

.z1{ z-index:1 }

.z2{ z-index:2 }

.z3{ z-index:3 }

.z4{ z-index:4 }

.border{
  border-style:solid;
  border-width:1px;
}

.border-top{
  border-top-style:solid;
  border-top-width:1px;
}

.border-right{
  border-right-style:solid;
  border-right-width:1px;
}

.border-bottom{
  border-bottom-style:solid;
  border-bottom-width:1px;
}

.border-left{
  border-left-style:solid;
  border-left-width:1px;
}

.border-none{ border:0 }

.rounded{ border-radius:3px }

.circle{ border-radius:50% }

.rounded-top{ border-radius:3px 3px 0 0 }

.rounded-right{ border-radius:0 3px 3px 0 }

.rounded-bottom{ border-radius:0 0 3px 3px }

.rounded-left{ border-radius:3px 0 0 3px }

.not-rounded{ border-radius:0 }

.hide{
  position:absolute !important;
  height:1px;
  width:1px;
  overflow:hidden;
  clip:rect(1px, 1px, 1px, 1px);
}

@media (max-width: 40em){
  .xs-hide{ display:none !important }
}

@media (min-width: 40em) and (max-width: 52em){
  .sm-hide{ display:none !important }
}

@media (min-width: 52em) and (max-width: 64em){
  .md-hide{ display:none !important }
}

@media (min-width: 64em){
  .lg-hide{ display:none !important }
}

.display-none{ display:none !important }

@media (min-width: 40em){

  .sm-m0{ margin:0 }
  .sm-mt0{ margin-top:0 }
  .sm-mr0{ margin-right:0 }
  .sm-mb0{ margin-bottom:0 }
  .sm-ml0{ margin-left:0 }
  .sm-mx0{ margin-left:0; margin-right:0 }
  .sm-my0{ margin-top:0; margin-bottom:0 }

  .sm-m1{ margin:.5rem }
  .sm-mt1{ margin-top:.5rem }
  .sm-mr1{ margin-right:.5rem }
  .sm-mb1{ margin-bottom:.5rem }
  .sm-ml1{ margin-left:.5rem }
  .sm-mx1{ margin-left:.5rem; margin-right:.5rem }
  .sm-my1{ margin-top:.5rem; margin-bottom:.5rem }

  .sm-m2{ margin:1rem }
  .sm-mt2{ margin-top:1rem }
  .sm-mr2{ margin-right:1rem }
  .sm-mb2{ margin-bottom:1rem }
  .sm-ml2{ margin-left:1rem }
  .sm-mx2{ margin-left:1rem; margin-right:1rem }
  .sm-my2{ margin-top:1rem; margin-bottom:1rem }

  .sm-m3{ margin:2rem }
  .sm-mt3{ margin-top:2rem }
  .sm-mr3{ margin-right:2rem }
  .sm-mb3{ margin-bottom:2rem }
  .sm-ml3{ margin-left:2rem }
  .sm-mx3{ margin-left:2rem; margin-right:2rem }
  .sm-my3{ margin-top:2rem; margin-bottom:2rem }

  .sm-m4{ margin:4rem }
  .sm-mt4{ margin-top:4rem }
  .sm-mr4{ margin-right:4rem }
  .sm-mb4{ margin-bottom:4rem }
  .sm-ml4{ margin-left:4rem }
  .sm-mx4{ margin-left:4rem; margin-right:4rem }
  .sm-my4{ margin-top:4rem; margin-bottom:4rem }

  .sm-mxn1{ margin-left:-.5rem; margin-right:-.5rem }
  .sm-mxn2{ margin-left:-1rem; margin-right:-1rem }
  .sm-mxn3{ margin-left:-2rem; margin-right:-2rem }
  .sm-mxn4{ margin-left:-4rem; margin-right:-4rem }

  .sm-ml-auto{ margin-left:auto }
  .sm-mr-auto{ margin-right:auto }
  .sm-mx-auto{ margin-left:auto; margin-right:auto }

}

@media (min-width: 52em){

  .md-m0{ margin:0 }
  .md-mt0{ margin-top:0 }
  .md-mr0{ margin-right:0 }
  .md-mb0{ margin-bottom:0 }
  .md-ml0{ margin-left:0 }
  .md-mx0{ margin-left:0; margin-right:0 }
  .md-my0{ margin-top:0; margin-bottom:0 }

  .md-m1{ margin:.5rem }
  .md-mt1{ margin-top:.5rem }
  .md-mr1{ margin-right:.5rem }
  .md-mb1{ margin-bottom:.5rem }
  .md-ml1{ margin-left:.5rem }
  .md-mx1{ margin-left:.5rem; margin-right:.5rem }
  .md-my1{ margin-top:.5rem; margin-bottom:.5rem }

  .md-m2{ margin:1rem }
  .md-mt2{ margin-top:1rem }
  .md-mr2{ margin-right:1rem }
  .md-mb2{ margin-bottom:1rem }
  .md-ml2{ margin-left:1rem }
  .md-mx2{ margin-left:1rem; margin-right:1rem }
  .md-my2{ margin-top:1rem; margin-bottom:1rem }

  .md-m3{ margin:2rem }
  .md-mt3{ margin-top:2rem }
  .md-mr3{ margin-right:2rem }
  .md-mb3{ margin-bottom:2rem }
  .md-ml3{ margin-left:2rem }
  .md-mx3{ margin-left:2rem; margin-right:2rem }
  .md-my3{ margin-top:2rem; margin-bottom:2rem }

  .md-m4{ margin:4rem }
  .md-mt4{ margin-top:4rem }
  .md-mr4{ margin-right:4rem }
  .md-mb4{ margin-bottom:4rem }
  .md-ml4{ margin-left:4rem }
  .md-mx4{ margin-left:4rem; margin-right:4rem }
  .md-my4{ margin-top:4rem; margin-bottom:4rem }

  .md-mxn1{ margin-left:-.5rem; margin-right:-.5rem; }
  .md-mxn2{ margin-left:-1rem; margin-right:-1rem; }
  .md-mxn3{ margin-left:-2rem; margin-right:-2rem; }
  .md-mxn4{ margin-left:-4rem; margin-right:-4rem; }

  .md-ml-auto{ margin-left:auto }
  .md-mr-auto{ margin-right:auto }
  .md-mx-auto{ margin-left:auto; margin-right:auto; }

}

@media (min-width: 64em){

  .lg-m0{ margin:0 }
  .lg-mt0{ margin-top:0 }
  .lg-mr0{ margin-right:0 }
  .lg-mb0{ margin-bottom:0 }
  .lg-ml0{ margin-left:0 }
  .lg-mx0{ margin-left:0; margin-right:0 }
  .lg-my0{ margin-top:0; margin-bottom:0 }

  .lg-m1{ margin:.5rem }
  .lg-mt1{ margin-top:.5rem }
  .lg-mr1{ margin-right:.5rem }
  .lg-mb1{ margin-bottom:.5rem }
  .lg-ml1{ margin-left:.5rem }
  .lg-mx1{ margin-left:.5rem; margin-right:.5rem }
  .lg-my1{ margin-top:.5rem; margin-bottom:.5rem }

  .lg-m2{ margin:1rem }
  .lg-mt2{ margin-top:1rem }
  .lg-mr2{ margin-right:1rem }
  .lg-mb2{ margin-bottom:1rem }
  .lg-ml2{ margin-left:1rem }
  .lg-mx2{ margin-left:1rem; margin-right:1rem }
  .lg-my2{ margin-top:1rem; margin-bottom:1rem }

  .lg-m3{ margin:2rem }
  .lg-mt3{ margin-top:2rem }
  .lg-mr3{ margin-right:2rem }
  .lg-mb3{ margin-bottom:2rem }
  .lg-ml3{ margin-left:2rem }
  .lg-mx3{ margin-left:2rem; margin-right:2rem }
  .lg-my3{ margin-top:2rem; margin-bottom:2rem }

  .lg-m4{ margin:4rem }
  .lg-mt4{ margin-top:4rem }
  .lg-mr4{ margin-right:4rem }
  .lg-mb4{ margin-bottom:4rem }
  .lg-ml4{ margin-left:4rem }
  .lg-mx4{ margin-left:4rem; margin-right:4rem }
  .lg-my4{ margin-top:4rem; margin-bottom:4rem }

  .lg-mxn1{ margin-left:-.5rem; margin-right:-.5rem; }
  .lg-mxn2{ margin-left:-1rem; margin-right:-1rem; }
  .lg-mxn3{ margin-left:-2rem; margin-right:-2rem; }
  .lg-mxn4{ margin-left:-4rem; margin-right:-4rem; }

  .lg-ml-auto{ margin-left:auto }
  .lg-mr-auto{ margin-right:auto }
  .lg-mx-auto{ margin-left:auto; margin-right:auto; }

}

@media (min-width: 40em){

  .sm-p0{ padding:0 }
  .sm-pt0{ padding-top:0 }
  .sm-pr0{ padding-right:0 }
  .sm-pb0{ padding-bottom:0 }
  .sm-pl0{ padding-left:0 }
  .sm-px0{ padding-left:0; padding-right:0 }
  .sm-py0{ padding-top:0; padding-bottom:0 }

  .sm-p1{ padding:.5rem }
  .sm-pt1{ padding-top:.5rem }
  .sm-pr1{ padding-right:.5rem }
  .sm-pb1{ padding-bottom:.5rem }
  .sm-pl1{ padding-left:.5rem }
  .sm-px1{ padding-left:.5rem; padding-right:.5rem }
  .sm-py1{ padding-top:.5rem; padding-bottom:.5rem }

  .sm-p2{ padding:1rem }
  .sm-pt2{ padding-top:1rem }
  .sm-pr2{ padding-right:1rem }
  .sm-pb2{ padding-bottom:1rem }
  .sm-pl2{ padding-left:1rem }
  .sm-px2{ padding-left:1rem; padding-right:1rem }
  .sm-py2{ padding-top:1rem; padding-bottom:1rem }

  .sm-p3{ padding:2rem }
  .sm-pt3{ padding-top:2rem }
  .sm-pr3{ padding-right:2rem }
  .sm-pb3{ padding-bottom:2rem }
  .sm-pl3{ padding-left:2rem }
  .sm-px3{ padding-left:2rem; padding-right:2rem }
  .sm-py3{ padding-top:2rem; padding-bottom:2rem }

  .sm-p4{ padding:4rem }
  .sm-pt4{ padding-top:4rem }
  .sm-pr4{ padding-right:4rem }
  .sm-pb4{ padding-bottom:4rem }
  .sm-pl4{ padding-left:4rem }
  .sm-px4{ padding-left:4rem; padding-right:4rem }
  .sm-py4{ padding-top:4rem; padding-bottom:4rem }

}

@media (min-width: 52em){

  .md-p0{ padding:0 }
  .md-pt0{ padding-top:0 }
  .md-pr0{ padding-right:0 }
  .md-pb0{ padding-bottom:0 }
  .md-pl0{ padding-left:0 }
  .md-px0{ padding-left:0; padding-right:0 }
  .md-py0{ padding-top:0; padding-bottom:0 }

  .md-p1{ padding:.5rem }
  .md-pt1{ padding-top:.5rem }
  .md-pr1{ padding-right:.5rem }
  .md-pb1{ padding-bottom:.5rem }
  .md-pl1{ padding-left:.5rem }
  .md-px1{ padding-left:.5rem; padding-right:.5rem }
  .md-py1{ padding-top:.5rem; padding-bottom:.5rem }

  .md-p2{ padding:1rem }
  .md-pt2{ padding-top:1rem }
  .md-pr2{ padding-right:1rem }
  .md-pb2{ padding-bottom:1rem }
  .md-pl2{ padding-left:1rem }
  .md-px2{ padding-left:1rem; padding-right:1rem }
  .md-py2{ padding-top:1rem; padding-bottom:1rem }

  .md-p3{ padding:2rem }
  .md-pt3{ padding-top:2rem }
  .md-pr3{ padding-right:2rem }
  .md-pb3{ padding-bottom:2rem }
  .md-pl3{ padding-left:2rem }
  .md-px3{ padding-left:2rem; padding-right:2rem }
  .md-py3{ padding-top:2rem; padding-bottom:2rem }

  .md-p4{ padding:4rem }
  .md-pt4{ padding-top:4rem }
  .md-pr4{ padding-right:4rem }
  .md-pb4{ padding-bottom:4rem }
  .md-pl4{ padding-left:4rem }
  .md-px4{ padding-left:4rem; padding-right:4rem }
  .md-py4{ padding-top:4rem; padding-bottom:4rem }

}

@media (min-width: 64em){

  .lg-p0{ padding:0 }
  .lg-pt0{ padding-top:0 }
  .lg-pr0{ padding-right:0 }
  .lg-pb0{ padding-bottom:0 }
  .lg-pl0{ padding-left:0 }
  .lg-px0{ padding-left:0; padding-right:0 }
  .lg-py0{ padding-top:0; padding-bottom:0 }

  .lg-p1{ padding:.5rem }
  .lg-pt1{ padding-top:.5rem }
  .lg-pr1{ padding-right:.5rem }
  .lg-pb1{ padding-bottom:.5rem }
  .lg-pl1{ padding-left:.5rem }
  .lg-px1{ padding-left:.5rem; padding-right:.5rem }
  .lg-py1{ padding-top:.5rem; padding-bottom:.5rem }

  .lg-p2{ padding:1rem }
  .lg-pt2{ padding-top:1rem }
  .lg-pr2{ padding-right:1rem }
  .lg-pb2{ padding-bottom:1rem }
  .lg-pl2{ padding-left:1rem }
  .lg-px2{ padding-left:1rem; padding-right:1rem }
  .lg-py2{ padding-top:1rem; padding-bottom:1rem }

  .lg-p3{ padding:2rem }
  .lg-pt3{ padding-top:2rem }
  .lg-pr3{ padding-right:2rem }
  .lg-pb3{ padding-bottom:2rem }
  .lg-pl3{ padding-left:2rem }
  .lg-px3{ padding-left:2rem; padding-right:2rem }
  .lg-py3{ padding-top:2rem; padding-bottom:2rem }

  .lg-p4{ padding:4rem }
  .lg-pt4{ padding-top:4rem }
  .lg-pr4{ padding-right:4rem }
  .lg-pb4{ padding-bottom:4rem }
  .lg-pl4{ padding-left:4rem }
  .lg-px4{ padding-left:4rem; padding-right:4rem }
  .lg-py4{ padding-top:4rem; padding-bottom:4rem }

}

.label{
  font-size:.875rem;
  font-weight:bold;
  display:block;
  margin-bottom:.5rem;
}

.input{
  font-family:inherit;
  font-size:inherit;
  display:block;
  width:100%;
  height:2.5rem;
  padding:.5rem;
  margin-bottom:1rem;
  border:1px solid #ccc;
  border-radius:3px;
  box-sizing:border-box;
}

.select{
  font-family:inherit;
  font-size:inherit;
  display:block;
  width:100%;
  height:2.5rem;
  padding:.5rem;
  margin-bottom:1rem;
  border:1px solid #ccc;
  border-radius:3px;
  box-sizing:border-box;
}

.textarea{
  font-family:inherit;
  font-size:inherit;
  display:block;
  width:100%;
  padding:.5rem;
  margin-bottom:1rem;
  border:1px solid #ccc;
  border-radius:3px;
  box-sizing:border-box;
}

.input-range{
  vertical-align:middle;
  background-color:transparent;
  padding-top:.5rem;
  padding-bottom:.5rem;
  color:inherit;
  background-color:transparent;
  -webkit-appearance:none;
}

.input-range::-webkit-slider-thumb{
  position:relative;
  width:.5rem;
  height:1.25rem;
  cursor:pointer;
  margin-top:-0.5rem;
  border-radius:3px;
  background-color:currentcolor;
  -webkit-appearance:none;
}

.input-range::-webkit-slider-thumb:before{
  content:'';
  display:block;
  position:absolute;
  top:-0.5rem;
  left:-0.875rem;
  width:2.25rem;
  height:2.25rem;
  opacity:0;
}

.input-range::-moz-range-thumb{
  width:.5rem;
  height:1.25rem;
  cursor:pointer;
  border-radius:3px;
  border-color:transparent;
  border-width:0;
  background-color:currentcolor;
}

.input-range::-webkit-slider-runnable-track{
  height:0.25rem;
  cursor:pointer;
  border-radius:3px;
  background-color:rgba(0, 0, 0, .25);
}

.input-range::-moz-range-track{
  height:0.25rem;
  cursor:pointer;
  border-radius:3px;
  background-color:rgba(0, 0, 0, .25);
}

.input-range:focus{
  outline:none;
}

.progress{
  display:block;
  width:100%;
  height:0.5625rem;
  margin:.5rem 0;
  overflow:hidden;
  background-color:rgba(0, 0, 0, .125);
  border:0;
  border-radius:10000px;
  -webkit-appearance:none;
}

.progress::-webkit-progress-bar{
  -webkit-appearance:none;
  background-color:rgba(0, 0, 0, .125)
}

.progress::-webkit-progress-value{
  -webkit-appearance:none;
  background-color:currentcolor;
}

.progress::-moz-progress-bar{
  background-color:currentcolor;
}

.btn{
  font-family:inherit;
  font-size:inherit;
  font-weight:bold;
  text-decoration:none;
  cursor:pointer;
  display:inline-block;
  line-height:1.125rem;
  padding:.5rem 1rem;
  margin:0;
  height:auto;
  border:1px solid transparent;
  vertical-align:middle;
  -webkit-appearance:none;
  color:inherit;
  background-color:transparent;
}

.btn:hover{
  text-decoration:none;
}

.btn:focus{
  outline:none;
  border-color:rgba(0, 0, 0, .125);
  box-shadow:0 0 0 3px rgba(0, 0, 0, .25);
}

::-moz-focus-inner{
  border:0;
  padding:0;
}

.btn-primary{
  color:#fff;
  background-color:#0074d9;
  border-radius:3px;
}

.btn-primary:hover{
  box-shadow:inset 0 0 0 20rem rgba(0, 0, 0, .0625);
}

.btn-primary:active{
  box-shadow:inset 0 0 0 20rem rgba(0, 0, 0, .125),
    inset 0 3px 4px 0 rgba(0, 0, 0, .25),
    0 0 1px rgba(0, 0, 0, .125);
}

.btn-primary:disabled,
.btn-primary.is-disabled{
  opacity:.5;
}

.btn-outline,
.btn-outline:hover{
  border-color:currentcolor;
}

.btn-outline{
  border-radius:3px;
}

.btn-outline:hover{
  box-shadow:inset 0 0 0 20rem rgba(0, 0, 0, .0625);
}

.btn-outline:active{
  box-shadow:inset 0 0 0 20rem rgba(0, 0, 0, .125),
    inset 0 3px 4px 0 rgba(0, 0, 0, .25),
    0 0 1px rgba(0, 0, 0, .125);
}

.btn-outline:disabled,
.btn-outline.is-disabled{
  opacity:.5;
}

.btn-small{
  padding:.25rem .5rem;
}

.btn-big{
  padding:1rem 1.25rem;
}

.btn-narrow{
  padding-left:.5rem;
  padding-right:.5rem;
}

.bg-cover{ background-size:cover }

.bg-contain{ background-size:contain }

.bg-center{ background-position:center }

.bg-top{ background-position:top }

.bg-right{ background-position:right }

.bg-bottom{ background-position:bottom }

.bg-left{ background-position:left }

.bg-no-repeat{ background-repeat:no-repeat }

.bg-repeat-x{ background-repeat:repeat-x }

.bg-repeat-y{ background-repeat:repeat-y }

.top-menu a{
  color:#1b2faa;
  border-right:1px #efefef solid;
  margin-right:4px;
}

.top-menu a:hover li{
  color:#001178;
  text-decoration:underline;
}

body{
    background-color:#fff;
}

#logo{
  height:45px;
}

section{
  min-height:400px;
}

#cta{
  margin:0;
  height:190px;
  min-height:190px;
  overflow:hidden;
}

.video{
  width:100%;
  height:auto;
  background:url('/img/tomatofarm.jpg') no-repeat;
  background-size:cover;
  -webkit-transition:1s opacity;
  transition:1s opacity;
  z-index:-1;
}

.midbk{
  background-color:#dadced;
}

.mid2bk{
  background-color:#bec2dd;
}

.red{
  color:#f44336;
}

footer{
  background-color:#4f557a;
  color:#fffdf7;
}

footer ul{
  list-style-type:none;
}

footer li{
  padding-bottom:.5rem;
}

footer a{
  color:#fffdf7;
  text-decoration:none;
}

footer a:hover{
  text-decoration:none;
}

@media (min-width: 40em){
  #cta{
    height:300px;
  }
}

@media (min-width: 52em){
  #cta{
    height:350px;
  }
}

@media (min-width: 64em){
  #cta{
    height:400px;
  }
}