.off-canvas {background-color: #A90518;
    color: rgba(255,255,255,0.50);}

.off-canvas a {color:whitesmoke}

.off-canvas .fa {font-size:0.5em;}

.off-canvas-social-media-icons .fa {font-size:1em;padding-left: 0rem;}

.position-right {
  width: 400px;
	-ms-transform: translateX(400px);
    transform: translateX(400px);
}

.position-right.reveal-for-medium ~ .off-canvas-content {
  margin-right: 400px;    
}

.offcanvas-full-screen-close {
	padding-left: 1rem;
  color: #fefefe;
  font-size: 3rem;
}

.offcanvas-full-screen-close:hover {
  color: #b2b2b2;
}

/* ---- Down at the bottom of your CSS file with the other Media Query CSS ----- */


@media (max-width: 639px) {
	
	.position-right {
  width: 90%;
	-ms-transform: translateX(90%);
    transform: translateX(90%);
}
  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 0px;    
  }
}