html body{
  background-color: aliceblue;
  text-align: center;
}
h1,h2,h3,h4,h5,h6,p,a {
  font-family: 'Futura-Medium', 'Futura', sans-serif;
  text-decoration: none;
}

h1 {
  font-size: 5.0vh;
}
h2 {
  font-size: 3.5vh;
}
h3 {
  font-size: 2.75vh;
}
h4 {
  font-size: 2.20vh;
}
h5 {
  font-size: 2.0vh;
}
h6 {
  font-size: 1.5vh;
}
p,a {
  font-size: 1.5vh;
}


a:hover{
  cursor: pointer;
}

video {
  position:  absolute;
  top: 9.75vh;
  left: 5.735vh;
  height: 51vh;
}

.title_text {
  font-size: 4vh
}

.toolbar_container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: space-between;
}

.toolbar_buttons_container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.toolbar_item {
  padding-right: 50px;
  color: gray;
  font-size: 3vh;
}

.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.demo_container {
  position: relative;
}

.iphone_mock {
  height: 70vh;
  filter: drop-shadow(7px 7px 5px rgba(50, 50, 50, 50));
}

.title_image {
  height: 50vh;
  filter: drop-shadow(7px 7px 5px rgba(50, 50, 50, 50));
}

.tagline_text_top {
  color: black;
}

.tagline_text {
  padding: 2vh;
  color: black;
}

.appstore_badge_top {
  height:7vh;
  padding: 1vh;
  z-index: 10;
}
.appstore_badge_img {
  height: 7vh;
}

.appstore_badge {
  height:7vh;
  margin-bottom: 5vh;
  z-index: 10;
}

.spacer {
  padding-top: 13vh;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

.down_arrow {
  margin: 0;
  font-size: 14vh;
  line-height: 5vh;
  color: gray;
  z-index: -1;
  -webkit-animation: bounce 1.5s ease 5s 3;
  -moz-animation: bounce 1.5s ease 5s 3;
  -o-animation: bounce 1.5s ease 5s 3;
  animation: bounce 1.5s ease 5s 3;
}

#copyright {
  color: gray;
}