.title{text-align:center;}

.copy{
	position:fixed;
	bottom:0;
	width:100%;
	text-align:center;
	color:#000;
	background:rgba(256, 256, 256, 0.5);
	-webkit-box-shadow: 0 4px 4px -4px #999;
	-moz-box-shadow: 0 4px 4px -4px #999;
	box-shadow: 0 -4px 4px -4px #999;
}
.aboutSize{
	font-size:0.92rem;
}
.card{
	background:rgba(256,256,256, 0.8);
	width:90%;
	margin-right:auto;
	margin-left:auto;
	padding:15px;
	color:#000;
	text-shadow:none;
	box-shadow: 1px 1px 2px 1px rgba(0,0,0, 0.2);
	border-radius:1px;
}
.cardContent{
	font-size:1.5rem;
	font-weight:300;
	font-family: 'Roboto Slab', serif;
}
.card a{
	color:rgba(0,0,0,1);
	text-decoration:none;
}
.card a:hover{
	color:#999;
	text-decoration:none;
}
.cardAttribution{
	padding-top:5px;
	font-size:1.7rem;
	text-align:right;
	font-style:italic;
	font-family: 'Roboto Slab', serif;
}
.menuTap{
	display:block;
	width:40px;
	height:40px;
	z-index:5;
}
body{
  margin:0;
  padding:0;
  overflow-y:auto;
  overflow-x: hidden;
}
ul, li{
  list-style:none;
  padding:0;
  margin:0;
}
a{
	text-decoration:underline;
}
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.floatLeft{float:left;}
.floatRight{float:right;}
.coverImage{
	width:100%;
	height:100%;
	position:fixed;
	-webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
	z-index:-2;
}
.disnone{display:none;}
.tempBackground{
	width:100%;
	height:100%;
	position:fixed;
	z-index:-3;
	-webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
}

/* Small screens (default) */
html { font-size: 100%; }

.loading{
	top:30px;
	width:100px;
	position:fixed;
	font-size:1rem;
	background:rgba(256,256,256,0.8);
	text-align:center;
	left:50%;
	margin-left:-50px;
	border-radius:2px;
	box-shadow:0px 2px 4px rgba(0,0,0,1);
}
.fullCenter{text-align:center;margin:auto;width:auto;}
.medBot{position:absolute;bottom:50px;}
.slidingBox{
	position:fixed;
	left:0;
	display:none;
	width:100%;
	background:rgba(256, 256, 256, 1);
	overflow:auto;
	-webkit-box-shadow: -1px 0px 25px -3px rgba(41,41,41,1);
	-moz-box-shadow: -1px 0px 25px -3px rgba(41,41,41,1);
	box-shadow: -1px 0px 25px -3px rgba(41,41,41,1);
	border-radius:2px;
}
.slidingBox a{color:#999;}
.buttonContainer{
	position:fixed;
	width:116px;
	top:0;
	right:5px;
	z-index:3;
}
.social, .info{
	width:40px;
	height:40px;
	float:right;
	margin:0 3px;
}
.info ul, .social ul{margin:5px 0;}
.info .slidingBox li{
	text-align:center;
	width:100%;
	padding:5px 0px;
}
.social .slidingBox li{
	width:25%;
	float:left;
	padding:20px 0px;
}
.social .slidingBox li a img{
	width:50px;
	margin:auto;
	display:block;
}
.mobileMenu{
	font-size:2em;
	display:block;
	height:40px;
	width:100%;
	position:fixed;
	z-index:1;
	background:rgba(256, 256, 256, 0.6);
	-webkit-box-shadow: 0 4px 4px -4px #999;
	-moz-box-shadow: 0 4px 4px -4px #999;
	box-shadow: 0 4px 4px -4px #999;
	font-family:sans-serif;
}
.mobileTitleHeader{
	height:40px;
	width:calc( 100% - 120px );
	float:none;
	text-align:center;
}
.mobileTitleHeader h1{
	padding-top:6px;
	margin:0;
	font-size:0.8em;
}
.headerContainer{
	position:fixed;
	overflow-y:scroll;
	top:0px;
	height:100%;
    width:50%;
    background:#D7D3D2;
	margin:0;
	padding:0;
	z-index:-4;
}
.menuNav{	padding:40px 0px 0px 0px;}
.menuNav li{
	float:left;
	width:100%;
	height:60px;
    margin:0px 0px 1px 0px;
    padding:10px 0;
    font-size:30px;
    color:#000;
    background:#F5F1F0;
}
.menuNav li a{text-decoration:none;}
.link{color:black;}
.activeMenuItem{color:brown;}
.contentContainer{
  width:100%;
  height:100%;
  position:absolute;
  -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
}
.innerContainer{
  position:relative;
  width:90%;
  height:100%;
  margin:auto;
  padding:60px 0 0 0;
}

.column{
	width:100%;
	font-family: 'Roboto', 'sans-serif';
	padding: 1rem 0 1.5rem 0;
	color:#fff;
	text-shadow: 1px 1px 10px rgba(0,0,0,1);
	-webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
}
.column.large{font-size:7vw;}
.column.large a{color:#fff}
.column.medium a{color:#fff}
.column.medium{font-size:5.1vw;}

/*.column span{
	background:rgba(0, 0, 0, 0.7);
	line-height:1.5;
}*/

/* Medium screens (640px) */
@media (min-width: 40rem) {
html { font-size: 112%; }

.aboutSize{font-size:1rem;}
.column{width:;}
.column.full{width:100%;}
.column.large{font-size:3.8vw;}
.column.medium{font-size:2.6vw}
.column.left{float:left;}
.column.right{float:right;}
.column.half{width: calc(50% + 1px);}
.column.third {width:50%;}

/*.column span{
	background:rgba(0,0,0,0.7);
	line-height:1.5;
}*/

}
/* Large screens (1024px) */
@media (min-width: 64rem) { 
		
	.aboutSize{
		font-size:1.7vw;
	}
	
	.slidingBox{
		position:relative;
		left:-125px;
		width:260px;
		padding:15px;
		background:rgba(256, 256, 256, 1);
		overflow:auto;
		-webkit-box-shadow: -1px 0px 25px -3px rgba(41,41,41,1);
		-moz-box-shadow: -1px 0px 25px -3px rgba(41,41,41,1);
		box-shadow: -1px 0px 25px -3px rgba(41,41,41,1);
		border-radius:2px;
	}
	.slidingBox li{
		float:left;
		padding:5px 0;
	}
	.buttonContainer{
		width:calc(50% - 320px);
		right:0px;
		top:0px;
	}
	.buttonContainer.left{float:left;}
	.buttonContainer.right{float:right;}
	
	.social, .info{
		float:left;
		margin:4px 2px 0px 2px ;
		height:38px;
		width:38px;
	}
	
	.mobileMenu{display:none;}

	.headerContainer{
	position:fixed;
	overflow:hidden;
	height:44px;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(256, 256, 256, 0.6);
	-webkit-box-shadow: 0 4px 4px -4px #999;
	-moz-box-shadow: 0 4px 4px -4px #999;
	box-shadow: 0 4px 4px -4px #999;
	z-index:3;
	}
	.menuNav{
		padding:10px 0px 0px 0px;
		width:740px;
		margin:auto;
	}
	.menuNav li{
		float:left;
		padding:0px 15px 0px 15px;
		width:auto;
		font-size:16pt;
		font-family:sans-serif;
		background:none;
	}
	.menuNav li a{	/* color:#000; */}
	.innerContainer{
		width:80%;
		min-width:1000px;
		margin:auto;
	}
	
	.column.left{float:left;}
	.column.right{float:right;}
	.column.large{font-size:3vw;}
	.column.medium{font-size:2.1vw;}
	.column.full { ;width:100%; }
	.column.two-thirds { width: 66.7%; }
	.column.half { width: calc(50% + 1px); }
	.column.third { width: 33.3%; }
	.column.fourth { width: 25%; }
	.column.flow-opposite {float:right;}
	.nomobile{ display:none;}
}