html {
  font-size: 16px;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: arial, sans-serif;
  background: #fff;
  text-align: center;
  margin: 0;
  padding: .5rem;
}
h1 {
  color:#38b;
  font-size: 16pt;
  font-weight: normal;
  margin-bottom: 4rem;
}
.button, .mobile-menu li a {
  background: #38b url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.858%22%20height%3D%226.859%22%20viewBox%3D%220%200%203.858%206.859%22%3E%3Ctitle%3EAsset%206%3C%2Ftitle%3E%3Cpath%20d%3D%22M.127%203.128l3-3a.426.426%200%200%201%20.73.3v6a.426.426%200%200%201-.73.3l-3-3a.421.421%200%200%201%200-.6z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E) 8% 50%/5% no-repeat;
  color: #fff;
  font-size: 1.2rem;
  text-decoration: none;
  border-radius: 3px;
  padding: .5rem 1rem .5rem 2.5rem;
}

.img-menu {
  width: 100%;
  height: auto;
}

.video-wrapper {
  padding: 2rem;
  max-width: 600px;
  margin: 0 auto;
}

.mobile-menu {
  list-style: none;
  padding: 1.5rem;
  margin: 0;
  background: #eee;
}
.mobile-menu li {
  display: block;
  margin-bottom: 1.5rem;
  clear: both;
  text-align: left;
}
.mobile-menu li:last-child {
  margin-bottom: 0;
}
.mobile-menu li a {
  display: block;
  background: #38b url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%223.858%22%20height%3D%226.859%22%20viewBox%3D%220%200%203.858%206.859%22%3E%3Ctitle%3Earrow-right%3C/title%3E%3Cpath%20d%3D%22M67.731%2C35.3l-3%2C3A0.426%2C0.426%2C0%2C0%2C1%2C64%2C38V32a0.426%2C0.426%2C0%2C0%2C1%2C.73-0.3l3%2C3A0.421%2C0.421%2C0%2C0%2C1%2C67.731%2C35.3Z%22%20transform%3D%22translate%28-64%20-31.57%29%22%20fill%3D%22%23ffffff%22/%3E%3C/svg%3E) 95% 50%/13px no-repeat;
  padding: .7rem 2.5rem .5rem .7rem;
}

@media screen and (min-width: 920px) {
  .img-menu {
    width: auto;
  }
  .mobile-menu {
    display: none;
  }
}