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:#2f2622;
	cursor: pointer;
	z-index: 0;
}

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


#logo_mobile{
	display:none;
}

#masthead{
	display: none;
}


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

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

#footer.show{
	bottom:0px;
}

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

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

.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;
}



dot::after {
    content: ".";
    color:#44BED2;
}

bar {
	line-height:1.2em;
	border-left:0.7rem solid #44BED2;
	padding-left:0.3rem;
}


h1{
	font-family: 'Lato', serif;
	transition: background-color 0.1s, color 0.1s;
  	background-color:#ebe6e3;
  	background-image:url(/imgs/bg.png);
  	background-position: top right;
  	background-repeat: no-repeat;
	color:#2f2622;
	font-weight:900;
	margin:0px;
	padding:10px;
	border-bottom:1px solid #ccc;
	height:100%;
	display: flex;
    align-items: center;
	justify-content: left;
	font-size:3.6rem;
	line-height:3.6rem;
	text-transform: uppercase;
	letter-spacing: -1.5px;
	padding-left:10%;
}

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:#fff;
	background-color:#2f2622;	
  	background-image:url(/imgs/bg_dark.png);

}

h1:hover{
	color:#fff;
	background-color:#e23e21;
  	background-image:url(/imgs/bg_orange.png);

	cursor:pointer;
}


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

h1.active:hover text:after{

	font-size:3.6rem;
	line-height:3.6rem;
    content: 'Back';
}

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


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

h1 em{
	font-style: normal;
    color:#44BED2;
}

.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;

}


.paper a{
	    color:#44BED2;
	}

.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: 'Lato', arial;
	font-weight:900;
	font-size:1.3rem;
	line-height: 1.35rem;
	letter-spacing: -0.8px;
}

h2 em{
	font-style: normal;
    color:#44BED2;
}


li{

	font-family: 'Lato', arial;
	font-weight:900;
	letter-spacing: -0.4px;
	padding-left:5px;
	list-style: none;
	font-weight: bold;
}

li:before {
  /* For a round bullet */
  content: '\2022';
  /* For a square bullet */
  /*content:'\25A0';*/
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -20px;
  top: -1px;
  color: #44BED2;
  font-size: 15px;
}



.contentImage{
	width:100%;
}

#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{
	width:2.5vw;
	margin-bottom:15px;
}









/* Breakpoints hardcoded based on title lengths */


 /* longtitle is smaller text than normal h1 */ 

  .longtitle{
  	font-size:2.8rem;
  	padding-left:10%;
  }


  .longtitle.active:hover text:after{
		font-size:2.8rem;
		line-height:3rem;
	}





@media(max-width:1300px){
  h1{
  	font-size:2.8rem;
  	padding-left:10%;
  }

	h1.active:hover text:after{
		font-size:2.8rem;
		line-height:2.8rem;
	}


	.longtitle{
		font-size:2.2rem;
		padding-left:10%;
	}


    .longtitle.active:hover text:after{
		font-size:2.2rem;
		line-height:2.2rem;
	}

}


@media(max-width:1150px){

	.longtitle{
		font-size:2.2rem;
		padding-left:10%;
	}
    .longtitle.active:hover text:after{
		font-size:2.2rem;
		line-height:2.2rem;
	}
}



@media(max-width:1000px){
  h1{
  	font-size:2.3rem;
  	padding-left:10%;
  }

	h1.active:hover text:after{
		font-size:2.3rem;
		line-height:2.4rem;
	}


	.longtitle{
		font-size:2.1rem;
		padding-left:10%;
	}


    .longtitle.active:hover text:after{
		font-size:2.1rem;
		line-height:2.1rem;
	}

}

/* Under 950 is "mobile" */