#hero {
  width:100%;
  height:100vh;
  color:#1c2826;
  background-color:#1c2826;
}

#nav {
}

#title {
  color:#0fff95;
  font-size:120px;
  font-family:'Didact Gothic', sans-serif;
  margin-top:108px;
}

@media (min-width: 576px) {
  #title {
    color:#0fff95;
    font-size:160px;
    font-family:'Didact Gothic', sans-serif;
    margin-top:108px;
  }
}

#subtitle {
  color:#e63946;
  font-family:'Didact Gothic', sans-serif;
  padding-top:29px;
  margin-bottom:34px;
}

#screen {
  background-image:url("../../assets/img/screenshot5.png");
}

#mobile1 {
  padding-bottom:20px;
  background-color:#e63946;
}

#mobile2 {
  padding-top:70px;
  background-color:#e63946;
  padding-bottom:40px;
}

#screen1 {
  background-image:url("../../assets/img/screenshot5.png");
}

#screen2 {
  background-image:url("../../assets/img/screenshot4.png");
}

#screen3 {
  background-image:url("../../assets/img/screenshot3.png");
}

#screen4 {
  background-image:url("../../assets/img/screenshot12.png");
}

#arrow {
  font-size:67px;
}

#text {
  width:40%;
}

#small-head {
  width:40%;
}

#title2 {
  color:#e63946;
  margin-top:45px;
  font-family:'Didact Gothic', sans-serif;
  font-size:65px;
}

#hero2 {
  background-color:#1c2826;
  width:100%;
  height:33vh;
}

#contactblock {
  background-color:#1c2826;
}

#description {
  background-color:#e63946;
}

p {
  font-family:'Didact Gothic', sans-serif;
  margin-bottom:0px;
  font-size:33px;
}

#buyapp {
  width:100%;
  height:50vh;
  background-color:#1c2826;
}

#calltoaction {
  height:13vh;
  color:#0fff95;
  font-family:'Didact Gothic', sans-serif;
  font-size:66px;
  padding-top:12px;
}

#button {
  color:#0fff95;
  font-size:111px;
  margin-top:65px;
}

@media (min-width: 576px) {
  #button {
    color:#e63946;
    font-size:131px;
    margin-top:-0;
  }
}

#footer {
  background-color:#1c2826;
  padding-top:25px;
  padding-bottom:11px;
}