* {
	padding:0;
	margin:0;
	font-family: 'PT Sans', sans-serif;
}
.hide { display:none; }
.white { color:#FFF; }
body {
	width:100%;
	background-color: #81c8e4;
	font-size:100%;
}
blockquote {
	width:92%;
	margin:0 1%;
	text-align:center;
	text-align:left;
	padding-left:10px;
	font-weight:500;
	font-size:100%;
}
p {
	width:98%;
	
	line-height:16px;
	font-size:100%;
	font-family: 'PT Sans', sans-serif;
	padding:5px 5px;
	font-weight:500;
}
p a:hover { color:#C60B62; }
p.slideShow {
	font-size:120%;
	font-weight:800;
	color:#0173A4;
	width:96%;
	text-align:center;}
	p.slideShow a{
		font-weight:bold;
		text-shadow:0px 0px 1px #333;}
p span {
	color:#111;
	}
a {
	font-family: 'PT Sans', sans-serif;
	text-decoration:none;
	color:#0173A4;
}
a.picA:hover {
	color:#C60B62;
	opacity:.8;
}
a:hover { color:#fff; }
h1 {
	font-size:400%;
	clear:both;
	color:white;
	padding:0;
	margin:0;
	position:absolute;
	width:56px;
	top:-10px;
	left:-2px;
	font-family: 'Roboto', sans-serif;
}
h2, h3 {
	color:#C60B62;
	padding:5px 0 0 5px;
	margin:0;
	font-family: 'Noto Serif', serif;
	letter-spacing:6px;
	font-size:150%;
	font-weight:900;
}
dl {
	width:100%;
	margin: 20px 4px;
	border-radius:15px;
}
dd, dt { text-align:center; }
dd a:hover {
	color:#C60B62;
	font-size:18px;
}
dd { color:#0173A4; }

.opacity {
	background-color: rgba(255,255,255,.6);
	padding:5px;
}
.opacityBlue {
	background-color: rgba(129,200,228,.6);
	padding:5px 5px;
	border-radius:10px 10px 0 0;
}
.select {
	background-image:url(../images/menu_bg.gif);
	background-position:top;
	background-repeat:no-repeat;
}
.select a { color:#FFF; }
section {
	width:83%;
	max-width:1024px;
	margin:0px auto;
	border:10px solid #FFF;
	background-color:#E8ECF1;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	padding:0;
	box-sizing:border-box;
}
article {
	width:60%;
	background-color:rgba(209,233,243,.0);
	margin-left:35%;
	padding-bottom:20px;
	padding-right:0px;
}


figure {
	width:40%;
	margin:10px 2.5% -10px 2.5%;
	display:inline-block;
	padding:0;
	vertical-align:middle;
}
figure img {
	width:100%;
	border:5px solid #FFF;
	padding:0;
	margin:0;
}
figure.port {
	width:20%;
	margin:10px 2%;
	display:inline-block;
	padding:0;
	vertical-align:middle;
	min-width:80px;
}
figure.port figcaption {
	font-size:80%;
	text-align:center;
	height:26px;
}
figure.video {
	width:380px;
	margin:10px 0 10px 10%;
	display:inline-block;
	padding:0;
	min-width:80px;
}
figure.video figcaption {
	text-align:center;
	padding-bottom:10px;
}
figure.video figcaption a:hover { color:#900; }
div#wrapper {
	width:100%;
	margin:30px auto 20px auto;
	padding:0;
}

img[alt="quote"] {
	padding-right:5px;
	margin-left:-10px;
}
img[alt="french guy"] {
	width:100%;
	max-width:160px;
	float:left;
	margin:10px;
	box-shadow:1px 1px 1px #333;
}
article iframe.ifrm {
	width:40%;
	height:auto;
	float:right;
	display:inline-block;
	box-shadow:1px 1px 20px #333;
}
nav {
	width:80%;
	max-width:1027px;
	margin:0 auto;
	text-align:right;
	padding:0;
	height:32px;
}
ul {
	height:30px;
	margin-bottom:10px;
}
ul li {
	display:inline-block;
	width:80px;
	height:32px;
	padding:0px;
	text-align:center;
	vertical-align:bottom;
	margin-bottom:0px;
	line-height:38px;
	font-size:100%;
}
ul li:hover {
	background-image:url(../images/menu_bg_hover.gif);
	background-position:top;
	background-repeat:no-repeat;
}


div#hamburger { display:none; }


 @media screen and (max-width:1130px) {
article {
	width:62%;
	background-color:rgba(209,233,243,.0);
	margin-left:30%;
	padding-bottom:20px;
}
section {
	width:96%;
	max-width:1024px;
	margin:0px auto;
	border:10px solid #FFF;
	background-color:#E8ECF1;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:relative;
	padding:0;
}
.rotate:hover {
	-webkit-transform: scale(.7) rotate(90deg);
	transform: scale(.7) rotate(90deg);
	left:5px;
}
}
 @media screen and (max-width:560px) {
h2, h3 {
	letter-spacing:5px;
	font-size:120%;
	font-weight:900;
}
section {
	width:100%;
	margin:auto;
	padding:0;
}
nav {
	width:20%;
	margin:0;
	padding:0;
}
figure {
	width:80%;
	margin:10px auto;
	display:block;
}
div#wrapper {
	margin:0;
	padding:0;
	width:100%;
}
p {
	width:94%;
	padding:0;
}
article {
	width:70%;
	margin:0 0 0 28%;
	padding:0;
}
nav ul { display:none; }
/* Hamburger Menu */
div#hamburger {
	float:right;
	width:200px;
	position:absolute;
	z-index:1;
	top:0;
	left:-10px;
	padding:10px;
	display:block;
}
div#hamburger > ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	text-align:center;
	width:180px;
}
figure.port {
	width:40%;
	margin:10px 2%;
	display:inline-block;
	padding:0;
	vertical-align:middle;
	min-width:80px;
}
div#hamburger > ul li {
	flex: initial;
	margin: 0;
	padding: 0;
	position: relative;
	transition: all linear 0.1s;
	background:none;
	line-height:20px;
}
div#hamburger a { border-radius:5px 5px 0 0; }
div#hamburger > ul li:hover { color:red; }
div#hamburger > ul > li > a {
	color: #000;
	background-color:#0080FF;
	background-color:#0173a4;
	display: flex;
	font-size: 80%;
	font-weight: 700;
	letter-spacing: 1px;
	max-width: 180px;
	padding: 1px 1px;
	text-decoration: none;
	transition: all linear 0.1s;
}
div#hamburger > ul li a + div {
	background-color: #0197d6;
	display: none;
	font-size: 80%;
	position: absolute;
	z-index: 1001;
	width: 80px;
}
div#hamburger > ul li:hover a + div {
	display: block;
	padding:0;
	margin:0;
	background-color:#FFF;
}
div#hamburger > ul li a + div ul {
	list-style-type: none;
	background-color:#FFF;
}
div#hamburger > ul li a + div ul li {
	margin: 0;
	padding:5px 0;
	line-height:2px;
	background-color:#d1e9f3;
}
div#hamburger > ul li a + div ul li a {
	color:#0173A4;
	display: block;
	font-size: 70%;
	letter-spacing: 1px;
	padding: 0;
	line-height:22px;
	text-decoration: none;
	text-transform: uppercase;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
}
div#hamburger > ul li a + div ul li:hover a {
	background-color:#0173a4;
	background-color:transparent;
	color:#FFF;
	text-shadow:0px 0px 1px #343434;
	background-image:url(../images/vld_bg.gif);
}
figure.video {
	width:70%;
	margin:10px 0 10px 10%;
	display:inline-block;
	padding:0;
	vertical-align:middle;
	min-width:90px;
}
article iframe.ifrm {
	width:94%;
	height:auto;
	float:right;
	display:block;
	margin:5px auto;
}
p {
	font-size:105%;}
	section {
	
	
	background-image:url(../images/bg2.jpg);
	
	
	background-size:100% 100%;
	
	
}

}
 @media screen and (max-width:460px) {
	 section {
	
	
	background-image:url(../images/bg3.jpg);
	
	
	background-size:100% 100%;
	
	
}
img[alt="french guy"] {
	width:100%;
	max-width:230px;
	float:left;
	margin:10px;
}
figure.video {
	width:96%;
	margin:10px auto 10px auto;
	display:inline-block;
	padding:0;
	vertical-align:middle;
	min-width:80px;
}
h1 {
	font-size:52px;
	top:0px;
	left:0px;
}
figure.port {
	width:80%;
	margin:10px 2%;
	display:inline-block;
	padding:0 0 0 10px;
}
article {
	background-color:rgba(255,255,255,.3);
	}
	

}

/* Animations */	 
/* Round Corners */
.hvr-round-corners {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: border-radius;
	transition-property: border-radius;
}
.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active { border-radius: 1em; }
/* Grow Rotate */
.hvr-grow-rotate {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
	-webkit-transform: scale(1.1) rotate(4deg);
	transform: scale(1.1) rotate(4deg);
}
/* Grow Rotate */
.hvr-grow-rotate2 {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}
.hvr-grow-rotate2:hover, .hvr-grow-rotate2:focus, .hvr-grow-rotate2:active {
	-webkit-transform: scale(1.1) rotate(-4deg);
	transform: scale(1.1) rotate(-4deg);
}
/* Rotate and Scale*/
.rotate {
	/* Safari */
-webkit-transform: rotate(90deg);
	/* Firefox */
-moz-transform: rotate(90deg);
	/* IE */
-ms-transform: rotate(90deg);
	/* Opera */
-o-transform: rotate(90deg);
}
.rotate:hover {
	-webkit-transform: scale(.6) rotate(0deg);
	transform: scale(.6) rotate(0deg);
	left:2px;
}
/* Pulse image links */


@keyframes hvr-pulse {  25% {
 -webkit-transform: scale(1.05);
 transform: scale(1.05);
}
 75% {
 -webkit-transform: scale(0.95);
 transform: scale(0.95);
}
}
.hvr-pulse {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
	-webkit-animation-name: hvr-pulse;
	animation-name: hvr-pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

/* Pulse2 title*/

@keyframes hvr-pulse2 {  25% {
 -webkit-transform: scale(1.1) rotate(90deg);
 transform: scale(1.1);
}
 75% {
 -webkit-transform: scale(0.9) rotate(60deg);
 transform: scale(0.7);
}
}
.hvr-pulse2 {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0) rotate(90deg);
	transform: translateZ(0) rotate(90deg);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.hvr-pulse2:hover, .hvr-pulse2:focus, .hvr-pulse2:active {
	-webkit-animation-name: hvr-pulse2;
	animation-name: hvr-pulse2;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	text-shadow:1px 1px 10px #333;
}

/* Utube Sizing */

 @media screen and (max-width:1024px) {
figure.video iframe {
	width:360px;
	height:280px;
}
figure.video { width:360px; }
}
@media screen and (max-width:800px) {
figure.video iframe {
	width:340px;
	height:260px;
}
figure.video { width:340px; }
}
@media screen and (max-width:640px) {
figure.video iframe {
	width:280px;
	height:240px;
}
figure.video { width:280px; }
}
@media screen and (max-width:480px) {
figure.video iframe {
	width:240px;
	height:162px;
}
figure.video { width:240px; }

}
 @media screen and (max-width:420px) {
figure.video iframe {
	width:220px;
	height:140px;
}
figure.video { width:220px; }
 }
/* Pulse2 title*/

@keyframes hvr-pulse2 {  25% {
 -webkit-transform: scale(.7) rotate(90deg);
 transform: scale(.7);
}
 75% {
 -webkit-transform: scale(0.4) rotate(60deg);
 transform: scale(0.4);
 
}
}
.hvr-pulse2 {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0) rotate(90deg);
	transform: translateZ(0) rotate(90deg);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.hvr-pulse2:hover, .hvr-pulse2:focus, .hvr-pulse2:active {
	-webkit-animation-name: hvr-pulse2;
	animation-name: hvr-pulse2;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	
	
}
h1:hover {
	left:-10px;
	top:-14px;
	}

@media screen and (max-width:360px) {
figure.video iframe {
	width:200px;
	height:130px;
}
figure.video { width:200px; }
}
 img[alt="CSS Validate"], img[alt="html5 Validate"] {
	 width:44px;
	 height:15px;
	display:inline-block;
	
	 margin: 10px auto;
	 text-align:center;
	 }
	 div.val {
		 width:100%;
		 margin:0 auto;
		 text-align:center}