/* line 5, ../sass/screen.scss */
body {
  background: #a3b1d8;
  color: #fff;
  font-family: -apple-system-font;
  font-weight: 300;
  margin: 0;
}
/* line 11, ../sass/screen.scss */
body.animated {
  -moz-transition: background 0.25s ease-in;
  -o-transition: background 0.25s ease-in;
  -webkit-transition: background 0.25s ease-in;
  transition: background 0.25s ease-in;
}
/* line 13, ../sass/screen.scss */
body.animated .video video {
  -moz-transition: height 0.25s ease-in;
  -o-transition: height 0.25s ease-in;
  -webkit-transition: height 0.25s ease-in;
  transition: height 0.25s ease-in;
}
/* line 17, ../sass/screen.scss */
body.dark {
  background: #000;
}

/* line 22, ../sass/screen.scss */
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 26, ../sass/screen.scss */
ul.list {
  list-style: circle !important;
}
/* line 28, ../sass/screen.scss */
ul.list.no-style {
  list-style: none !important;
}
/* line 31, ../sass/screen.scss */
ul.list li {
  padding: 15px 5px;
}

/* line 37, ../sass/screen.scss */
.logo-block {
  float: left;
  width: 24%;
  text-align: center;
}
/* line 41, ../sass/screen.scss */
.logo-block h1 {
  font-weight: 100;
  font-size: 36px;
}
/* line 44, ../sass/screen.scss */
.logo-block h1 strong {
  font-weight: 300;
}
/* line 48, ../sass/screen.scss */
.logo-block h2 {
  font-weight: 300;
  font-size: 20px;
}
/* line 52, ../sass/screen.scss */
.logo-block .graph-logo {
  margin-top: 40%;
}
/* line 55, ../sass/screen.scss */
.logo-block .graph-logo ul li {
  width: 34px;
  background: #fff;
  margin: 3px;
  display: inline-block;
  height: 350px;
}
/* line 61, ../sass/screen.scss */
.logo-block .graph-logo ul li.li-1 {
  background: #e72b37;
  height: 175px;
}
/* line 65, ../sass/screen.scss */
.logo-block .graph-logo ul li.li-2 {
  height: 145px;
  background: #f2784c;
}
/* line 69, ../sass/screen.scss */
.logo-block .graph-logo ul li.li-3 {
  height: 115px;
  background: #f2b96b;
}
/* line 73, ../sass/screen.scss */
.logo-block .graph-logo ul li.li-4 {
  height: 75px;
  background: #f0e9b1;
}

/* line 83, ../sass/screen.scss */
header .video {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  position: relative;
  overflow: hidden;
}
/* line 89, ../sass/screen.scss */
header .video .play-button {
  background: url(../images/play.png) 0 0 no-repeat;
  background-size: 80px 80px;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  margin-left: -40px;
  bottom: 70px;
  -moz-transition: opacity 0.25s ease-in, bottom 0.25s ease-in;
  -o-transition: opacity 0.25s ease-in, bottom 0.25s ease-in;
  -webkit-transition: opacity 0.25s ease-in, bottom 0.25s ease-in;
  transition: opacity 0.25s ease-in, bottom 0.25s ease-in;
}
/* line 99, ../sass/screen.scss */
header .video .play-button.hidden {
  bottom: -80px;
  opacity: 0;
}
/* line 104, ../sass/screen.scss */
header .video video {
  width: auto;
  height: 500px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  margin: 0 auto;
  display: block;
}

/* line 114, ../sass/screen.scss */
.float-left {
  float: left;
}

/* line 115, ../sass/screen.scss */
.float-right {
  float: right;
}

/* line 116, ../sass/screen.scss */
.clear {
  clear: both;
}

/* line 118, ../sass/screen.scss */
.img-iOSScreenshot {
  max-width: 850px;
  width: 90%;
  height: auto;
  margin: 0 auto;
  display: block;
  border: 0;
}

/* line 127, ../sass/screen.scss */
.section-heading {
  background: rgba(39, 66, 148, 0.92);
  -webkit-backdrop-filter: blur(10px);
  position: -webkit-sticky;
  top: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px 50px;
}
/* line 136, ../sass/screen.scss */
.section-heading h2 {
  margin: 0;
  padding: 0;
  font-size: 2em;
  font-weight: 300;
}

/* line 144, ../sass/screen.scss */
section {
  font-size: 1.6em;
  font-weight: 300;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 50px;
  background: #fff;
  color: #444;
}
/* line 151, ../sass/screen.scss */
section.center {
  text-align: center;
}
/* line 155, ../sass/screen.scss */
section .float-left img, section .float-right img {
  width: 100%;
  height: auto;
}
/* line 160, ../sass/screen.scss */
section .float-left {
  width: 60%;
}
/* line 163, ../sass/screen.scss */
section .float-right {
  width: 35%;
}
/* line 167, ../sass/screen.scss */
section.alt .float-left {
  width: 35%;
}
/* line 170, ../sass/screen.scss */
section.alt .float-right {
  width: 60%;
}
/* line 174, ../sass/screen.scss */
section.dark {
  background: rgba(44, 75, 168, 0.92);
  color: #fff;
}

/* line 180, ../sass/screen.scss */
.map {
  width: 90%;
  max-width: 900px;
  display: block;
  height: auto;
  margin: 0 auto;
}

/* line 188, ../sass/screen.scss */
footer {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  background: rgba(44, 75, 168, 0.92);
  min-height: 300px;
  text-align: center;
}
/* line 195, ../sass/screen.scss */
footer .logo-block {
  float: none;
  width: 100%;
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
/* line 199, ../sass/screen.scss */
footer .logo-block .graph-logo {
  margin-top: 0px;
}