.arrowBtnLeft {
    background-color: rgba(128, 128, 128, 0.5) //#808080; 
    color: #464646; //text color // black;  
    padding-bottom: 6rem;
    padding-top: 6rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    opacity: 0.5;
    font-size: 175%;
    border: none;
    cursor: pointer;
}

.arrowBtnLeft:hover, .arrowBtnLeft:focus {
    background-color: #808080; // gray #3e8e41;
}

.arrowLeft {
    background-color: rgba(128, 128, 128, 0.5) //#808080; 
    float: left;
    ////position: relative;
    display: inline-block;
    //font: 45px calibri, sans-serif;
    //font-size: 45px;
    position: fixed; bottom: 5rem; left: 0rem;
}


.arrowBtnRight {
    background-color: rgba(128, 128, 128, 0.5) //#808080; // gray #4CAF50;
    color: #464646; //black; //white;
    padding-bottom: 6rem;
    padding-top: 6rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    opacity: 0.5;
    font-size: 175%;
    opacity: 0.5;
    border: none;
    cursor: pointer;
}

.arrowBtnRight:hover, .arrowBtnRight:focus {
    background-color: #808080; // gray #3e8e41;
}

.arrowRight {
    background-color: rgba(128, 128, 128, 0.5) //#808080; 
    float: right;
    //position: relative;
    display: inline-block;
    //font: 45px calibri, sans-serif;
    //font-size: 45px;
    position: fixed; bottom: 5rem; right: 0rem; 
}

////////////////////////////////////////////////////
// not sure if the following are used
////////////////////////////////////////////////////

.bottomBtn {
    background-color: rgba(128, 128, 128, 0.5) //#808080; 
    color: #464646; //text color // black;  
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    opacity: 0.5;
    font-size: 45px;
    border: none;
    cursor: pointer;
}

.bottomBtn:hover, .arrowBtnLeft:focus {
    background-color: #808080; // gray #3e8e41;
}

.bottom {
    background-color: rgba(128, 128, 128, 0.5) //#808080; 
    float: bottom;
    //position: relative;
    display: inline-block;
    font: 45px calibri, sans-serif;
    font-size: 45px;
    //position: fixed; bottom: 0px; left: 350px; 
    position: fixed;
  bottom: 0px;
  margin-right: auto;
  margin-left: auto;
	width: 100%;
}

.topRightBtn {
    background-color: rgba(128, 128, 128, 0.5) //#808080; // gray #4CAF50;
    color: #464646; //black; //white;
    padding-bottom: 6rem;  //150px;
    padding-top: 6rem;  //150px;
    padding-left: 0.5rem;   //18px;
    padding-right: 0.5rem;   //10px;
    opacity: 0.5;
     font-size: 175%;   //45px;
    border: none;
    cursor: pointer;
}

.topRight {
    background-color: rgba(128, 128, 128, 0.5) //#808080; 
    float: right;
    //position: relative;
    display: inline-block;
    //font: 45px calibri, sans-serif;
    //font-size: 45px;
    position: fixed; top: 5rem; right: 0rem;   //100px; right: 0px; 
}

.topRightBtn:hover, .arrowBtnLeft:focus {
    background-color: #808080; // gray #3e8e41;
}

.show {display:block;}