.startNow{
	padding: 10px 20px;
    height: 54px;
    display: block;
    margin: auto;
    width: 150px;
}
#hero{
	padding-bottom: 20px;
	background: linear-gradient(45deg, #e01f61, #1ec4e7);
	text-align: center;
}
#hero img{
	max-width: calc(95% - 50px);
    width: 700px;
    margin: 25px;
    border-radius: 20px;
}
#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;
}
.screenshot.small-left, .small-right{
	position: absolute;
	width: 180px;
    max-width: 50%;
    bottom: 0;
}
.screenshot.small-left{
	left: 10px;
}
.screenshot.small-right{
	right: 10px;
}
.screenshot.small-center{
	max-width: 225px;
    width: 80%;
    position: relative;
}

footer .startNow{
	display: inline;
}
.row{
	margin: 0;
}
.col{
	position: relative;
}

#screen1{
    background: linear-gradient(45deg, #d53369 0%, #daae51 100%);
}
#screen1 .startNow{
	background: linear-gradient(45deg, #91173f 0%, #8c630d 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%, #f8ff00 100%);
}
#screen5 .startNow{
	background: linear-gradient(45deg, #048688 0%, #b0811b 100%);
}
#screen6{
	background: linear-gradient(45deg, #c67700 0%, #cacd72 100%);
}
#screen6 .startNow{
	background: linear-gradient(45deg, #915903 0%, #a4a750 100%)
}
#screen7{
	background: linear-gradient(45deg, #3F51B5 0%, #9C27B0 100%);
}
#screen7 .startNow{
	background: linear-gradient(45deg, #25348d 0%, #741784 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%);
    }
  }