#scroll-encourage{
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  height:100px;
  background-color:#282828;
  background-color:rgba(40,40,40,.8);
  border-top:5px solid #282828;
  opacity:1;
  transition:all .5s;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -o-transition:all .5s;
}
#scroll-encourage.clear{
  opacity:0;
}
#scroll-encourage.hidden{
  display:none;
}
#scroll-text-wrapper{
  position:absolute;
  top:50%;
  left:50%;
 -ms-transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
   transform:translate(-50%,-50%);
}
#scroll-encourage-text, #scroll-encourage-chevron{
  margin-top:0;
  text-align:center;
  margin-bottom:1%;
  color:#ffffff;
  font-size:1.5em;
}
#scroll-encourage-chevron{
  font-size:2em;
}
@media screen and (max-width:900px), screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1),
  screen and (min-device-width: 375px) and (max-device-width: 667px),
  screen and (min-device-width: 414px) and (max-device-width: 736px),
  screen and (min-device-width: 320px) and (max-device-width: 568px),
  screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3),
  screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4),
  screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2),
  screen and (min-device-width: 320px) and (max-device-width: 480px){
    #scroll-encourage-text{
      font-size:1em;
    }
    #scroll-encourage-chevron{
      font-size:1.5em;
    }
}