@charset "utf-8";
body, html {
	background-color:#4d3319;
    background-image: url("brownstone.jpg");
	color: #ffffb3;
	font-family: 'Almendra', serif; font-family: 'Asul', sans-serif;	
    height: 100%;
    margin: 0;
}

a:link {color: black;}
a:visited {color: white;}
a:hover {color: #E1D178;}
a:active {color: silver;}

.bg {
    background-image: url("241Trans.png");
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.redoubt {
    position: absolute;
    left: 25%;
    top: 24%;
    width: 50%;
	right: 25%;
    text-align: center;
    font-size: 18px;
	text-shadow: 1px 1px #000000; 
	}
.button {
   border-top: 1px solid #0a0900;
   background: #d6c365;
   background: -webkit-gradient(linear, left top, left bottom, from(#9c8c3e), to(#d6c365));
   background: -webkit-linear-gradient(top, #9c8c3e, #d6c365);
   background: -moz-linear-gradient(top, #9c8c3e, #d6c365);
   background: -ms-linear-gradient(top, #9c8c3e, #d6c365);
   background: -o-linear-gradient(top, #9c8c3e, #d6c365);
   padding: 2.5px 5px;
   margin: 2px;
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   border-radius: 40px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #4E2D03;
   display: inline-block;
   font-family: Asul, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #d3dde3;
   background: #616F56;
   color: #241f00;
   }
.button:active {
   border-top-color: #9b9ea1;
   background: #9b9ea1;
   }
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #B2AB99;
    overflow-x: hidden;
    transition: 0.7s;
    padding-top: 50px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 20px;
    color: #111;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    left: 0px;
    font-size: 36px;
    margin-left: 0px;
}

#maintext {
    transition: margin-right .7s;
    padding: 16px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}