@charset "utf-8";

* {
  position: relative;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}

body {
  background-color: white;
  color: #393939;
  font-family: "Segoe UI", Lato, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

img {
  border: 0;
  max-width: 100%;
}

ul {
  list-style-position: inside;
  text-indent: -25px;
  padding-left: 25px
}
ul li {
  line-height: 1.2;
  padding: 3px 0;
}
ul.no-style,
ol.no-style {
  list-style: none;
  text-indent: 0;
}

sup {
  vertical-align: super;
  font-size: .6em;
}

p {
  line-height: 1.35;
}

.container {
  margin: auto;
  max-width: 768px;
}

.container:after,
.clear-fix:after {
  content: '';
  clear: both;
  display: block;
  height: 0;
}

.inner {
  padding: 10px 20px;
}

.align-left { text-align: left }
.align-right { text-align: right }
.align-center { text-align: center }

.mobile {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
  line-height: 1.1;
}
h1 { font-size: 2em }
h2 { font-size: 1.8em }
h3 { font-size: 1.6em }
h4 { font-size: 1.4em }
h5 { font-size: 1.2em }
h6 { font-size: 1em }

.float-left { float: left }
.float-right { float: right }

.width-0per { width: 0% }
.width-5per { width: 5% }
.width-10per { width: 10% }
.width-15per { width: 15% }
.width-20per { width: 20% }
.width-25per { width: 25% }
.width-30per { width: 30% }
.width-35per { width: 35% }
.width-40per { width: 40% }
.width-45per { width: 45% }
.width-50per { width: 50% }
.width-55per { width: 55% }
.width-60per { width: 60% }
.width-65per { width: 65% }
.width-70per { width: 70% }
.width-75per { width: 75% }
.width-80per { width: 80% }
.width-85per { width: 85% }
.width-90per { width: 90% }
.width-95per { width: 95% }
.width-100per { width: 100% }

.margin-auto { margin:  auto }

.padding-y-0 { padding-top: 0; padding-bottom: 0; }
.padding-y-10px { padding-top: 10px; padding-bottom: 10px; }
.padding-y-20px { padding-top: 20px; padding-bottom: 20px; }
.padding-y-30px { padding-top: 30px; padding-bottom: 30px; }
.padding-y-40px { padding-top: 40px; padding-bottom: 40px; }
.padding-y-50px { padding-top: 50px; padding-bottom: 50px; }

.padding-x-0 { padding-left: 0; padding-right: 0; }
.padding-x-10px { padding-left: 10px; padding-right: 10px; }
.padding-x-20px { padding-left: 20px; padding-right: 20px; }
.padding-x-30px { padding-left: 30px; padding-right: 30px; }
.padding-x-40px { padding-left: 40px; padding-right: 40px; }
.padding-x-50px { padding-left: 50px; padding-right: 50px; }

.padding-top-0 { padding-top: 0 }
.padding-top-10px { padding-top: 10px }
.padding-top-20px { padding-top: 20px }
.padding-top-30px { padding-top: 30px }
.padding-top-40px { padding-top: 40px }
.padding-top-50px { padding-top: 50px }

.padding-bottom-0 { padding-bottom: 0 }
.padding-bottom-10px { padding-bottom: 10px }
.padding-bottom-20px { padding-bottom: 20px }
.padding-bottom-30px { padding-bottom: 30px }
.padding-bottom-40px { padding-bottom: 40px }
.padding-bottom-50px { padding-bottom: 50px }

.pos-static { position: static }
.pos-relative { position: relative }
.pos-absolute { position: absolute }

.alt-section { background-color: #F1F1F1 }

.table { display: table; width: 100%; }

.table .float-left, .table .float-right,
.table-cell { display: table-cell; float: none;}

@media (min-width: 768px) {
  .desktop-table { display: table; width: 100%; table-layout: fixed; }

  .desktop-table .float-left, .desktop-table .float-right,
  .desktop-table-cell { display: table-cell; float: none;}

  .desktop-margin-top-0 { margin-top: 0 }
  .desktop-margin-top-5px { margin-top: 5px }
  .desktop-margin-top-10px { margin-top: 10px }
  .desktop-margin-top-15px { margin-top: 15px }
  .desktop-margin-top-20px { margin-top: 20px }
  .desktop-margin-top-25px { margin-top: 25px }
  .desktop-margin-top-30px { margin-top: 30px }
  .desktop-margin-top-35px { margin-top: 35px }
  .desktop-margin-top-40px { margin-top: 40px }
  .desktop-margin-top-45px { margin-top: 45px }
  .desktop-margin-top-50px { margin-top: 50px }
  .desktop-margin-top-55px { margin-top: 55px }
  .desktop-margin-top-60px { margin-top: 60px }
  .desktop-margin-top-65px { margin-top: 65px }
  .desktop-margin-top-70px { margin-top: 70px }
  .desktop-margin-top-75px { margin-top: 75px }
  .desktop-margin-top-80px { margin-top: 80px }
  .desktop-margin-top-85px { margin-top: 85px }
  .desktop-margin-top-90px { margin-top: 90px }
  .desktop-margin-top-95px { margin-top: 95px }
  .desktop-margin-top-100px { margin-top: 100px }
}