.mobile .page{
	width:100%;
	left:0%;
	top:100%;
}


.mobile #masthead{
	font-family: 'Lato';
	text-transform: uppercase;
	z-index: 9999;
	display: block;
	position:fixed;
	color:#fff;
	background-color:#2f2622;
	position: fixed;
	top:-61px;
	left:0;
	width:100%;
	height:60px;
	border-bottom:1px solid black;
	transition: left 0.8s, top 0.8s, margin 0.8s;
	font-weight:bold;
	font-size:1.7rem;
	overflow: hidden;
	line-height: 60px;
	cursor: pointer;
}

.mobile #mastheadText bar{
	border-width:7px;
	padding-left:7px;
}


.mobile #logo{
	display:none;
}


.mobile #logo_mobile{
	display: block;
	position:absolute;
	left:50%;
	top:45%;
	width:80%;
	max-width:600px;
	transform: translate(-50%, -50%);
}



#backButton{
	position: absolute;
	left:10px;
	top:2px;

}
#mastheadText{
	position: absolute;
	left:0px;
	top:2px;
	width:100%;
	text-align: center;
}



.mobile #masthead.active{
	top:0px;
}


.mobile .page.left, .mobile .page.right{
	top:100%;
	left:0%;
	border:0;
	padding-top:60px;
}



.mobile .page.left.active, .mobile .page.right.active{
	left:0%;
	top:0%;
}


.mobile .page.left.superactive, .mobile .page.right.superactive{
	left:0% !important;
	top:0%;
}



 #root-mobile{
	display: none;
}

.mobile #root-mobile{
	display: block;
}


.mobile #root-contact, .mobile #root-agency{display: none;}


.mobile .paper{
	padding:30px 20px 50px 20px;
	font-size:0.95rem;
	line-height: 1.1rem;
}


.mobile h1.active:hover{
	font-size:1.7rem;
}
.mobile h1.small.active:hover{
	font-size:1.3rem;
}


.mobile h1.active:hover:after{
	font-size:0rem;
    content: '';
}

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



.mobile h2{
	margin-top:40px;

	font-size:1.2rem;
}

.mobile ul{
	padding-left:15px;
}

.mobile	#footStrap{
	top:18px;
}

.mobile	li{
	margin-bottom:16px;
}


@media(max-width:600px){
  h1{
  	font-size:2rem;
  }

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


	.longtitle{
		font-size:1.6rem;
	}


    .longtitle.active:hover text:after{
		font-size:1.2rem;
	}

}