/* Laptop */
@media (max-width: 80rem) {
	div#up main article .textpage 
	{
		padding-left: 4rem;
	}	
}


/* Tablet and smaller */
@media (max-width: 76rem) {

	div#up {
		/*padding-top: 83.5px;*/
	}
	
	div#up aside, footer nav.quicklink
	{ 
		display: none; 
	}
	
	div#up main,
	div#up main article
	{
		width: 100%;
		max-width: 100%;
	}

	footer address {
		width: 100%;
		max-width: 100%;		
		box-shadow: none;	
		margin-top:4px;
		box-shadow: 0px -2px 8px -2px #EEE		
	}

	div#up main article .textpage 
	{
		padding: 1rem;
	}

	nav#nav-mobile 
	{
		display: block;
		overflow: hidden;
		margin-top:0px;
		-webkit-box-shadow: 0px 4px 4px -2px #EEE;
		-moz-box-shadow: 0px 4px 4px -2px #EEE;
		box-shadow: 0px 4px 4px -2px #EEE;	
		z-index: 1000;	
		background: inherit;
		background: #ffffff;
/*		position: fixed;
		top:0;
		width: 100%;*/
	}

	nav#nav-mobile .cell {
		padding: 0.25rem;
	}

	nav#nav-mobile .bars 
	{
		line-height: 75px;
	}

	nav#nav-mobile .bars i 
	{
		font-size: 2rem;
		cursor: pointer;
		color:#666;
	}

	div#up main article .homepage {
		margin-right:30px;
	}

	div#up main article .textpage .textpage-text .gallery .gallery_title {
		font-size: 0.750rem;
	}

	div#up main article .textpage .textpage-header h1 {
	    font-size: 2rem;
	    line-height: 1.3em;	
	}

	div#up main article .textpage .textpage-header {
	    margin: 2rem 0 2rem 0;
	}	

}

@media (max-width: 30rem) {
	
	div#up {
		/*padding-top: 90px;*/
	}	

	div#up main nav.breadcrumbs 
	{ 
		display: none; 
	}

	nav#nav-mobile 
	{
		margin-bottom: 10px;
		padding: 4px 0;
/*		position: fixed;
		position: sticky;*/
		top:0; left: 0;
	}

	div#up main article .homepage {
		margin: 15px;
	}

}

nav.sidenav-mobile {
	color:black;
	text-align: left;
	background: white;
	display: none;
}

nav.sidenav-mobile ul,
nav.sidenav-mobile ul li {
	list-style: none;
	margin:0;
}

nav.sidenav-mobile ul li a {
	display: block;
	line-height: 45px;
	border-bottom: solid 1px #eee;
	list-style: disc;
}

nav.sidenav-mobile ul li a { padding-left: 15px; }
nav.sidenav-mobile ul li ul li a { padding-left: 30px;  }
nav.sidenav-mobile ul li ul li ul li a { padding-left: 45px;  }
nav.sidenav-mobile ul li ul li ul li ul li a { padding-left: 60px; }
nav.sidenav-mobile ul li ul li ul li ul li ul li a { padding-left: 75px;  }

nav.sidenav-mobile div.sidenav-mobile-more { 
	position: relative;
	display: block;
}

nav.sidenav-mobile div.sidenav-mobile-more i.fa { 
	position: absolute;
	top:0;
	right: 0;
	line-height: 45px;
	width: 45px;
	height: 45px;
	text-align: center;
	z-index: 100;
	font-size:25px;
}
nav.sidenav-mobile ul li a,
nav.sidenav-mobile ul li i {
	color:#F39200;
	cursor: pointer;
}

/*textpage text responsive*/

@media (max-width: 64rem) {
	
	div#up main article .textpage .textpage-header h1 {
    font-size: 2.1rem;
    line-height: 2.1rem;
}
	div#up main article .textpage .textpage-text,
	div#up main article .textpage .textpage-text p,
	div#up main article .textpage .textpage-text li,
	div#up main article .textpage .textpage-text ol,
	div#up main article .textpage .textpage-header .textpage-img .textpage-img-caption {
	font-size: 1rem;
	}

	.h1, h1 {
	font-weight: 600;
	}	

.h2, h2 {
	font-weight: 600;
	font-size:1.3rem;
}	

.h3, h3 {
	font-weight: 600;
	font-size:1.2rem;
}	

.h4, h4, 
.h5, h5,
.h6, h6 {
	font-weight: 600;
	font-size:1rem;
}

div#up main article .textpage .textpage-header h2 {
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.3em;
}


}