.startNow{
  padding: 10px 20px;
    height: 54px;
    display: block;
    margin: auto;
    width: 150px;
}
#hero{
  background: linear-gradient(0deg, #1b1a56 50%, #3e3d96);
    text-align: center;
    padding: 0;
    height: auto;
    padding-bottom: 50px;
}
#hero img{
  max-width: calc(95% - 50px);
  width: 700px;
  margin: 25px;
  border-radius: 20px;
  position: unset;
}

#hero .yt-embed{
  position: relative;
  padding-bottom: 0;
  max-width: calc(95% - 50px);
  width: 700px;
  display: block;
  overflow: hidden;
  margin: auto;
  margin-top: 25px;
  padding-top: 40%;
}
#hero iframe{
  position: absolute;
  border-radius: 20px;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

#hero .startNow{
  background: linear-gradient(45deg, #910c39, #075c6e);
}

.screen{
  color: #fff!important;
}
.screen .container{
  padding: 25px 0;
}
.screenshot{
  width: 100%;
    display: block;
    border-radius: 10px 10px 0 0;
    box-shadow: 1px -1px 5px #333;
    margin: auto;
    margin-top: 25px;
    max-width: 300px;
}

footer .startNow{
  display: inline;
}
.row{
  margin: 0;
}
.col{
  position: relative;
}

#screen1{
    background: linear-gradient(45deg, #d53369 0%, #F44336 100%);
}
#screen1 .startNow{
  background: linear-gradient(45deg, #91173f 0%, #d43529 100%);
}
#screen2{
  background: linear-gradient(45deg, #00d2ff 0%, #3a47d5 100%);
}
#screen2 .startNow{
  background: linear-gradient(45deg, #0a99b8 0%, #1b269f 100%);
}
#screen3{
  background: linear-gradient(45deg, #9ebd13 0%, #008552 100%);
}
#screen3 .startNow{
  background: linear-gradient(45deg, #617408 0%, #024c30 100%);
}
#screen4{
  background: linear-gradient(45deg, #0700b8 0%, #00ff88 100%);
}
#screen4 .startNow{
  background: linear-gradient(45deg, #0e0989 0%, #019f55 100%);
}
#screen5{
  background: linear-gradient(90deg, #3ad59f 0%, #064741 100%);
}
#screen5 .startNow{
  background: linear-gradient(45deg, #048688 0%, #064741 100%);
}
#screen6{
  background: linear-gradient(45deg, #3F51B5 0%, #9C27B0 100%);
}
#screen6 .startNow{
  background: linear-gradient(45deg, #25348d 0%, #741784 100%);
}
#screen7{
  background: linear-gradient(45deg, #00BCD4 0%, #FF9800 100%);
}
#screen7 .startNow{
  background: linear-gradient(45deg, #018090 0%, #b77e29 100%);
}

.slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }

#additionalInfo{
      background: linear-gradient(to bottom right, #F44336, #E91E63);
    padding: 25px 0;
    text-align: center;
}

#partners img{
  filter: grayscale(1);
  transition: all 0.3s;
  max-width: 90%;
}
#partners img:hover{
  filter: grayscale(0);
}