body {
	background-image: url("/bg20160316.jpg");
	background-size: cover;
	background-position: center top;
}

.fullheight {
	height: 100%;
}

.pn-head {
	font-family: Webissimo;
	font-size: 3vw;
	text-align: center;
	
	width: auto;
	padding-bottom: 4vh;
	
	background: rgba(254,255,255,.15); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(254,255,255,.15) 0%, rgba(210,235,249,.15) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(254,255,255,.15)), color-stop(100%,rgba(210,235,249,.15))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(254,255,255,.15) 0%,rgba(210,235,249,.15) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(254,255,255,.15) 0%,rgba(210,235,249,.15) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(254,255,255,.15) 0%,rgba(210,235,249,.15) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(254,255,255,.15) 0%,rgba(210,235,249,.15) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	background-attachment: fixed;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pn-head img {
	width: 30%;
	filter: drop-shadow(0px 0px 5px rgba(255,255,255,0.3));
}

.pn-head p {
	margin: 0;
	cursor: default;
	filter: drop-shadow(0px 0px 5px rgba(255,255,255,0.3));
}

.pn-buttons {
	padding: 1vw 0;
}

.pn-button:hover {
	border-color: #f08a07;
}

.pn-button {
	display: block;
	text-decoration: none;
	color: black;
	
	font-family: Webissimo;
	font-size: 2vw;
	text-align: center;
	border: 0.5vw solid #3A84C3;
	padding: 1vw;
	width: 18vw;
	margin: 1vw auto;
	cursor: pointer;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cedbe9+0,aac5de+17,6199c7+50,3a84c3+51,419ad6+59,4bb8f0+71,3a8bc2+84,26558b+100;Blue+Gloss */
	background: rgb(206,219,233); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(206,219,233,1) 0%, rgba(170,197,222,1) 17%, rgba(97,153,199,1) 50%, rgba(58,132,195,1) 51%, rgba(65,154,214,1) 59%, rgba(75,184,240,1) 71%, rgba(58,139,194,1) 84%, rgba(38,85,139,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(206,219,233,1)), color-stop(17%,rgba(170,197,222,1)), color-stop(50%,rgba(97,153,199,1)), color-stop(51%,rgba(58,132,195,1)), color-stop(59%,rgba(65,154,214,1)), color-stop(71%,rgba(75,184,240,1)), color-stop(84%,rgba(58,139,194,1)), color-stop(100%,rgba(38,85,139,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#26558b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pn-footer {
	position: fixed;
	bottom: 0;
}

.pn-video-center {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

@media (max-width: 768px) {
	.pn-head img {
		width: 60%;
	}
	
	.pn-head p {
		font-size: 50px;
	}
	
	.pn-buttons {
		padding: 50px 0;
	}
	
	.pn-button {
		font-size: 50px;
		border-width: 6px;
		width: auto;
	}
}