main {
   font-family: 'Source Sans Pro', sans-serif;
}
 .wrapper {
   width: 100%;
   height: 100vh !important;
   overflow: hidden;
}
 .wrapper .scroll-title {
   font-size: 21px;
   position: absolute;
   top: 10px;
   left: 50%;
   transform: translate(-50%, 0);
   display: block;
   z-index: 20;
   list-style: none;
   width: auto;
   padding: 0;
   color: white;
   font-weight: 100;
}
 .wrapper .cta {
   position: absolute;
   bottom: 10px;
   left: 50%;
   transform: translate(-50%, 0);
   display: block;
   z-index: 20;
   list-style: none;
   width: auto;
   padding: 0;
   color: white;
}
 .wrapper ul.stories {
   position: absolute;
   bottom: 50px;
   left: 50%;
   transform: translate(-50%, -50%);
   display: block;
   z-index: 20;
   list-style: none;
   width: auto;
   padding: 0;
}
 .wrapper ul.stories li {
   display: inline;
}
 .wrapper ul.stories li a {
   color: white;
}

 .wrapper .progress-bar-container .progress-bar {
   width: 0%;
   height: 20px;
   position: absolute;
   left: 0;
   top: 0;
background: -moz-linear-gradient(-45deg, rgba(85,214,140,1) 0%, rgba(85,214,140,1) 41%, rgba(247,213,71,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(85,214,140,1)), color-stop(41%, rgba(85,214,140,1)), color-stop(100%, rgba(247,213,71,1)));
background: -webkit-linear-gradient(-45deg, rgba(85,214,140,1) 0%, rgba(85,214,140,1) 41%, rgba(247,213,71,1) 100%);
background: -o-linear-gradient(-45deg, rgba(85,214,140,1) 0%, rgba(85,214,140,1) 41%, rgba(247,213,71,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(85,214,140,1) 0%, rgba(85,214,140,1) 41%, rgba(247,213,71,1) 100%);
background: linear-gradient(135deg, rgba(85,214,140,1) 0%, rgba(85,214,140,1) 41%, rgba(247,213,71,1) 100%);

   transition: all 0.3s ease;
}
 .wrapper .sections {
   width: 400%;
   height: 100%;
}
 .wrapper .sections .section {
   height: 100%;
   width: calc(100% / 4);
   float: left;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
}
 .wrapper .sections .section:nth-child(1) {
background-color: rgba(255, 255, 255, 1);

}
 .wrapper .sections .section:nth-child(2) {
background-color: rgba(255, 255, 255, 1);

}
 .wrapper .sections .section:nth-child(3) {
background-color: rgba(255, 255, 255, 1);

}
 
 .wrapper .sections .section .sectionTitle {
   font-size: 30px;
   color: #fff;
   position: absolute;
   z-index: 5;
}