#scrollToTopBtn {
  display: none;
  position: fixed;
  bottom: 53%;
  right: 20px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: rgba(0,0,0,.6);
  color: white;
  cursor: pointer;
  padding: 10px 15px 10px 15px;
  border-radius: 6px;
  font-weight:bold;
  font-size:30px;
/*
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg);    
  transform:rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);    
*/
}
#scrollToTopBtn:hover {
    background-color: rgba(0, 0, 0,.9); /* brighten up on hover  */
}


#scrollToBottomBtn {
  display: none;
  position: fixed;
  bottom: 48%;
  right: 20px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: rgba(0,0,0,.6);
  color: white;
  cursor: pointer;
  padding: 10px 15px 10px 15px;
  border-radius: 6px;
  font-weight:bold;
  font-size:30px;
/*
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg);    
  transform:rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);     
*/
}
#scrollToBottomBtn:hover {
    background-color: rgba(0, 0, 0,.9); /* brighten up on hover */
}