/**
	Mobile navigation
*/
.nav .close { display: none;}
.m-c-m-t , .p-l-h .m-nav, .m-c-s {
	display: none;
}

.m-nav.on {
	display:block;
}
@media all and (min-width:480px){
	.p-l-h-r-m {
		display:none;
	}

}
@media all and (max-width: 479px) {
	.p-l-h .nav {
		display: none;
	}
	.p-l-h {
		position:fixed;
	}

	.p-c {
		padding-top:74px;
	}
	/*.p-l-h .m-nav { display:block; }*/
	.p-l-h-r {
		display: none;
	}
	.p-l-h-r-m {
		height: 74px;
	}
	.m-c-m {
		background: url(img/logo_2016.png) no-repeat 20px center;
		background-size:50px 50px;
		/*background: transparent url(img/header-logo-150.png) no-repeat left center;
		background-size:auto 100px;*/
		background-color:#61A033;
		height:100%;
		z-index:1;
	}
	.m-c-m-t {
		z-index:3;
		display:block;
		position: absolute;
		left: 80px;
		top: 10px;
		color: white;
		right:50px;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.m-c-s {
		position:absolute;
		color:white;
		font-weight:bold;
		right:20px;
		top:17px;
		font-size:27px;
		cursor:pointer;
		display:block;
	}
	.m-c-b {
		background: transparent url(img/header-stripe.png) repeat-x center center;
		background-size: auto 100px;
		height:100%;
		z-index:1;
	}

	.m-c-m-t h1 {
		font-size:19px;
		
	}
	.p-l-h .m-c {
		position: static;
	}

	.p-b {
		display: none;
	}

	.m-nav {
		position: fixed;
		min-height: 100%;
		height: 100%;
		overflow: auto;
		min-height: 100vh;
		width: 100%;
		background-color: #61A033;
		color: white;
		display: block;
		z-index: 10;
		right:-100%;
		transition: right ease-in-out 0.3s;
	}

	.m-nav .close {
		-webkit-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
		-webkit-transition: all ease-in-out 0.3s;
		transition: all ease-in-out 0.3s;
		position:absolute;
		right:10px;
		top: -10px;
		font-size:45px;
		display:block;
		cursor:pointer;
	}
	.m-nav .close.r {
		-webkit-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
		.m-nav ul {
			display: block;
			width: 100%;
		}

		.m-nav ul {
			list-style: none;
			margin-left: 0px;
			padding-left: 2em;
		}

			.m-nav ul li {
				padding: 0.25em 0px;
			}

		.m-nav li a {
			color: white;
			text-decoration: none;
		}
		.p-l {
			display:block; /* Stop flexing */
			overflow: auto;
		}
		.p-c {
			min-height:80vh;
		}
		.grid-pad {
			padding:0px 10px;
		}
	
}
@media all and (max-width:560px), screen and (max-height:520px){
	.p-l-f {
		padding:10px;
	}
	.p-l-f .f-r {
		position:static;
	}
	.p-l {
			display:block; /* Stop flexing */
			overflow: auto;
		}
}
@media all and (max-width: 440px){
	.m-c-m-t h1 span {
		display: none;
	}
}