body, html {
  height: 100%;
  margin: 0;
  color:#000;
  font-size:22px;
  display:table;
  font-family: 'geomanistregular', serif;
 -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */
}



@media(max-width:900px){
  body,html{font-size:20px;}
}

@media(max-width:800px){
  body,html{font-size:17px;}
}





.noEvents{
	pointer-events: none;
}


#splash{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#ffd100;
	cursor: pointer;
	z-index: 0;
}

#logo{
	position:absolute;
	left:50%;
	top:50%;
	width:80%;
	max-width:400px;
	transform: translate(-50%, -50%);
}

#masthead{
	display: none;
}


#pageWrapper{
	width:100%;
	height:calc(100% - 42px);
	position: absolute;
	left:0;top:0;
	overflow: hidden;
}

#footer{
	width:100%;
	height:42px;
	background-color:#ffd100;
	transition: bottom 1s;
	position: fixed;
	bottom:-42px;
	z-index:99;
	border-top:1px solid #ccc;
}

#footer.show{
	bottom:0px;
}

#footStrap{
	font-size:0.7em;position: absolute;left:30px;top:13px;
}

#footer.nogreyborder{
	border-top:1px solid #ffd100;
}

.page{
	position:absolute;
	top:100%;
	left:0%;
	width:50%;
	height:100%;
	border:0px solid green;
	display:table-cell;
	background-color:#fff;
	transition: left 0.8s, top 0.8s, margin 0.8s;
}



.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.page.left{
	top:0px;
	left:-50%;
	border:0;
}

.page.right{
	top:0px;
	left:100%;
	border:0;
}


.page.left.active{
	left:0%;
}

.page.right.active{
	left:50%;
}

.page.left.superactive{
	left:50% !important;
	border-left:1px solid #ccc;
}


.page.right.superactive{
	left:0%;
	border-right:1px solid #ccc;
}






h1{
	font-family: 'geomanistmedium', serif;
	transition: background-color 0.1s, color 0.1s;
  	background-color:#fff;
	color:#000;
	font-weight:normal;
	margin:0px;
	padding:10px;
	border-bottom:1px solid #ccc;
	height:100%;
	display: flex;
    align-items: center;
	justify-content: center;
	font-size:1.7rem;
}

h1.small{
	 font-size:1.3rem;
}

.onetwo{ height:50%;}
.onethree{height:33.333%;}
.onefour{height:25%;}
.onefive{height:20%;}
.onesix{height:16.666%;}
.oneseven{height:14.2857%;}
.oneeight{height:12.5%;}


h1.active{
	color:#000;
	background-color:#ffd100;	
}

h1:hover{
	color:#fff;
	background-color:#000;
	cursor:pointer;
}


h1.active:hover{
	font-size:0px;
}

h1.active:hover:after{
	font-size:1.7rem;
    content: 'Back';
}

h1.small.active:hover:after{
	font-size:1.3rem;
    content: 'Back';
}


h1:last-child{
border-bottom:0px;
}



.paper{
	width:100%;
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
	padding:50px 70px 100px 70px;
	font-size:0.73rem;
	letter-spacing: 1px;
	line-height:1.0rem;
	color:#595959;
}

.paper strong{
	color:#555;
	font-family: 'geomanistbook', arial;
}

.banner{
	position:relative;
	left:-70px;
	top:-50px;
	width:calc(100% + 140px);
	margin-bottom:5px;
	height:calc((100vh - 41px ) / 5);
	border-bottom:1px solid #ccc;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}


.nopadding{
	padding:0px;
	overflow:hidden;
}

h2{

	font-family: 'geomanistmedium', arial;
	font-weight:normal;
	font-size:1.25rem;
	color:#111;

}

h3{
	font-weight:normal;
	font-size:0.65rem;
	color:#000;
}

li{
	padding-left:10px;
	line-height: 1.6em;
}
#root-agency{
	border-left:1px solid #ccc;
}

.smallSquare{
	width:50%;
	border:0px solid #595959;
	vertical-align:text-bottom;
}

.mediumSquare{
	width:100%;
	border:0px solid #595959;
	vertical-align:text-bottom;
}

.contactText{
	margin-left: 5vw;
	margin-right: 5vw;
    align-items: center;
	justify-content: left;
	text-align:left;
	color:#000;
	font-size:0.85rem;
	line-height: 1.2rem;
	display:flex;
	position: relative;
	width:calc(100% - 7vw);
}



.contact_logos{
	position: absolute;
	right:0px;
	bottom:0px;
	width:100%;
	text-align: right;
}

.contact_logos img{

	margin-bottom:15px;
}