/* CSS Document */

* { 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}






/* ........... FONT & TYPOGRAPHY............*/

body,
html {
	height: 100%;
	font-family: Book;
	font-size: 1em;
	color: #666;
  	-webkit-font-smoothing: antialiased;
	margin: 0px;
	}
	@media (max-width: 60em) {
	body {
		font-size: 0.9em;
		}
		}
	@media (max-width: 50em) {
	body {
		font-size: 0.8em;
		}
		}	

h1,h2,h3,h4,h5,h6 {
	font-family: "Oceania_Bold";
	letter-spacing: -.09em;
	font-weight: normal;
	font-variant: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #000;
	}


h1 {
	font-size: 4em;
	color: white;
	padding-left: 15%;
	padding-right: 15%;
	}
	@media (max-width: 35em) {
	h1 {
		font-size: 3em;

		}
		}

h2 {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	font-size: 2.5em;
	}
	@media (max-width: 30em) {
	h2 {
		font-size: 2.25em;
		margin-top: 0;
		margin-bottom: 0.5em;
		}
		}	
	h2.Info {
	padding-top: 120px;
	background-image: url(skin/info-exclamation.png);
	background-repeat: no-repeat;
	background-position: left 40px;
	}

h3 {
	margin-top: 0em;
	margin-bottom: .5em;
	font-size: 1.35em;
	color: #333;
	}
	
h4 {
	margin-bottom: 5px;
	}	

p, ul, li, sup{
	margin-top: 0px;
	margin-bottom: 0.5em;
	line-height: 1.3em;
	clear: left;
	}
	p.Intro {
		font-size: 1.7em;
		line-height: 1.5em;
		margin-bottom: 1em;
		color: #999;
		}
	P.Margin {
		padding-top: 2em;
		padding-bottom: 2em;
		}
	
	
strong {
	color: black;
	}
	

	p.SubHead {
	color: white;
	margin-bottom: 80px;
	padding-left: 10px;
	}
	p.Note
	span.Note {
	font-size: .6em;
	}

ul {
	padding-left: 1em;
	}
	

.Text,.Text li {
	list-style-type: decimal;
	margin-left: .5em;
	padding-left: 0;
	margin-bottom: 1em;
	}

	
a {
	color: #C0115E;
	text-decoration: none;
	transition: .3s;
	}
	a:hover {
	text-decoration: underline;
	}
	a:visited {
	}


td {
	padding: 1em;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}





/* ........... SITE ARCHITECTURE ............*/


.Band {
	width: 100%;
	float: left;
	padding-bottom: 2em;
	}
	.Band:nth-child(odd) {
		background-color: #F6F6F6;
		}
	.Band.Nav {
		background-color: #000;
		padding: 0;
		border: none;
		}
	
	.Band.Fill {
		padding-top: 0;
		padding-bottom: 0;
		border-bottom: none;
		}
	.Band.SubHead {
		padding-top: 1em;
		padding-bottom: 1em;
		}	
	.Band.Head {
		padding-top: 3em;
		padding-bottom: 2em;
		background-color: none;
		background-position: -90em top;
		background-repeat: repeat;
		z-index: 1;
		}
		@media (max-width: 30em) {
		.Band.Head {
			padding-top: 2em;
			padding-bottom: 0em;
			}
			}
	

		
		
		.Band.Head.AFY {
			background-image: url(skin/head.png);
			}
		
		.Band.Head.Yellow {
			background-image: url(skin/head-yellow.png)
			}
		.Band.Head.IMG {
			height: 30em;
			background-size: 100%;
			background-repeat: no-repeat;
			background-position: center bottom;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			}
		.Band.Head.IMG h1{
		padding-top: 2em;
		text-align: center;
		font-size: 5em;
			}
	
		

.ContentWidth {
	position: relative;
	max-width: 90em;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 2em;
	}	

	.main_h .ContentWidth {
		padding-top: 0;
		}
		
		

/* ........... CONTENT ARCHITECTURE ............*/



.Col {
	position: relative;
	width: 98%;
	margin-bottom: 2em;
	padding-right: 2%;
	margin-right: 2%;
	float: left;
	}
	@media (max-width: 38em) {
		.OneText .Col{
			margin-top: 0;
			margin-bottom: 0;
			padding-bottom: 0;
			}
			}


/* Half */	

	.Col.Half {
		width: 48%;
		}
		@media (max-width: 50em) {
		.Col.Half {
			width: 98%;
			}
			}
		@media (max-width: 30em) {
		.Col.Half {
			width: 98%;
			}
			}


/* Third */

	.Col.Third {
		width: 31%;
		}
		@media (max-width: 50em) {
		.Col.Third {
			width: 47%;
			}
		.ContentWidth .Col.Third:nth-of-type(3) {
			margin-left: 26.5%;
			clear: both;
			}		
			}

		@media (max-width: 38em) {
		.Col.Third {
			width: 98%;
			}
		.ContentWidth .Col.Third:nth-of-type(3) {
			margin-left: 0;
			}	
			}

	.Col.ThirdHeader {
		width: 21%;
		padding-top:30px;
		text-align:right;
		}
		@media (max-width: 50em) {
		.Col.ThirdHeader {
			width: 47%;
			padding-top:0px;
			text-align:right;
			}
			}
		@media (max-width: 30em) {
		.Col.ThirdHeader {
			width: 98%;
			padding-top:0px;
			text-align:center;
			}
			}



/* two Third */

	.Col.TwoThird {
		width: 63%;
				}	
		@media (max-width: 50em) {
		.Col.TwoThird {
			width: 98%;
			margin-top:0em;
			}
			}
		@media (max-width: 30em) {
		.Col.TwoThird{
			width: 98%;
			margin-top:0em;
			}	
			}
		
	.Col.TwoThirdHeader {
		width: 73%;
	
		}	
		@media (max-width: 50em) {
		.Col.TwoThird {
			width: 98%;
			
			}
			}
		@media (max-width: 30em) {
		.Col.TwoThird{
			width: 98%;
			
			}	
			}	
		

/* Quarter */

	.Col.Quarter {
		width: 23%;
		}	
		@media (max-width: 50em) {
		.Col.Quarter {
			width: 48%;
			}
		.ContentWidth .Col.Quarter:nth-of-type(3) {
			clear: left;
			}				
			}

		@media (max-width: 30em) {
		.Col.Quarter {
			width: 98%;
			}	
			}




	


/* Fifth */


	.Col.Fifth {
		width: 18%;
		clear: none;
		}
		@media (max-width: 40em) {
		.Col.Fifth {
			width: 30%;
			}

			}
		@media (max-width: 30em) {
		.Col.Fifth {
			width: 48%;
			}
			}

/* Clear */


	.Col.Clear {
		clear: left;
		}

/* Dividers */


.Col.Divider {
	border-right: solid 1px #CCC;
	}
	@media (max-width: 30em) {
	.Divider {
		border-right: none;
		}
		}
	
.Col.Divider.Strong {
	border-right: solid 2px #666;
	}
	@media (max-width: 50em) {
	.Divider.Strong {
		border-right: none;
		}
		}
	

	
.Center {
	text-align: center;
	}
	




			

.Divider {
	border-right: solid 1px #CCC;
	}
	@media (max-width: 30em) {
	.Divider {
		border-right: none;
		}
		}
	
.Divider.Strong {
	border-right: solid 2px #666;
	}
	@media (max-width: 50em) {
	.Divider.Strong {
		border-right: none;
		}
		}
	
.Caseblanche {
	background-color:#f6f6f6;
	padding: 1.5em;
	
}

	


/* .......... Button ........... */

	
a.Button,
input[type="submit"] {
	width: 85%;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 1em;
	padding-right: 1em;
	border-radius: 25px;
	text-align: center;
	font-size: 1.1em;
	display: block;
	background-color: #A62470;
	color: white;
	text-decoration: none;
	transition: .3s;
	margin-left: -.25em;
	}
	@media (max-width: 50em) {
	a.Button,
	input[type="submit"] {
		margin-left: auto;
		margin-right: auto;
		}
		}
	
	a.Button.Small,
	input[type="submit"].Small {
		width: 35%;
		}

	a.Button.Center,
	input[type="submit"].Center {
		margin-left: auto;
		margin-right: auto;
		}
	a.Button.Double {
		font-size: 1.35em;
		display: inline;
		margin-left: .75em;
		margin-right: .75em;
		padding-left: 2.5em;
		padding-right: 2.5em;
		padding-top: .5em;
		padding-bottom: .5em;
				}
	a.Button.Sub {
		background-color: #DEDEDE;
		border: 2px solid #999;
		color: black;
		}






a:hover.Button,
input[type="submit"]:hover {
	background-color: #D70078;
	color: white;
	}
a.Button.Sub:hover {
	background-color: #999;
	}



ul.Nav.Main a.Button {
	padding-top: 0.15em;
	padding-top: 0.15em;
	padding-left: 1em;
	padding-right: 1em;
	border-radius: 25px;
	text-align: center;
	display: block;
	color: white;
	transition: .3s;
	margin-left: .5em;
	margin-top: -.25em;
	line-height: 2em;
	width: 95%;
	}
	
	ul.Nav.Main a.Button:hover {
		color: white;
		}
	

/* .......... Video ........... */

.Video {
	margin-top: 0em;
	Width: 280px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0em;
	}
	@media (min-width: 550px) {
	.Video {
		Width: 500px;
		}
		}
	
	@media (min-width: 720px) {
	.Video {
		Width: 680px;
		}
		}
	
	.Video iframe {
		Width: 320px;
		Height: 219px;
		}
		@media (min-width: 550px) {
		.Video iframe {
			Width: 480px;
			Height: 328px;
			}
			}
		
		@media (min-width: 720px) {
		.Video iframe {
			Width: 640px;
			Height: 438px;
			}
			}
		
		.video-container {
			position:relative;
			padding-bottom:56.25%;
			padding-top:0px;
			height:0;
			overflow:hidden;
			}

/* HD */

	.Video.HD {
		Width: auto;
		padding-top: 2em;
		}

	@media (min-width: 550px) {
	.Video.HD {
		Width: auto;
		}
		}
	
	@media (min-width: 720px) {
	.Video.HD {
		Width: auto;
		}
		}

	.Video.HD iframe {
		Width: 320px;
		Height: 180px;
		}
		@media (min-width: 480px) {
		.Video.HD iframe {
			Width: 480px;
			Height: 270px;
			}
			}
		@media (min-width: 512px) {
		.Video.HD iframe {
			Width: 512px;
			Height: 288px;
			}
			}
		@media (min-width: 720px) {
		.Video.HD iframe {
			Width: 720px;
			Height: 405px;
			}
			}

		@media (min-width: 800px) {
		.Video.HD iframe {
			Width: 800px;
			Height: 450px;
			}
			}
		
		@media (min-width: 1280px) {
		.Video.HD iframe {
			Width: 1280px;
			Height: 720px;
			}
			}

		@media (min-width: 1920px) {
		.Video.HD iframe {
			Width: 1920px;
			Height: 1080px;
			}
			}



	.video-container iframe,
	.video-container object,
	.video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}








/* ........... OTHER ............*/
	
img {
	margin-bottom: 10px;
	}
	
	img.Fill {
		width: 100%;
  		height: auto;
		margin-bottom: 0px;
		}
	img.Half {
		width: 50%;
  		height: auto;
		margin-bottom: 0px;
		}
	img.Logo {
		margin-left: 1em;
		margin-right: 1em;
 		}
	img.Small {
		width: 10%;
		height: auto;
 		}

 	img.Icon {
		width: 50%;
		max-width: 175px;
		height: auto;
		}


 			

/* ........... ICONS.............*/

.Icons h2 {
	font-size: 1.2em;
	line-height: 1.25em;
	margin-bottom: 0;
	}
.Icons p {
		font-size: .8em;
	line-height: 1.25em;
	}
.Icons img {
	width: 40%;
	height: auto;
	}

.Icons .Col	 {
	min-height: 11em;
}

/* ........... CALENDAR ............*/

.Cal {
	width: 14%;
	Height: 15em;
	border-left: 1px solid #E6E6E6;
	margin: 0;
	padding: 1em 0 0 0;
	}
	.Cal h3 {
		font-size: .9em;
		margin-bottom: 2em;
		}
		@media only screen and (max-width: 35em) {
		.Cal h3 {
			font-size: .6em;
			margin-bottom: 1.5em;

			}
			}

	.Cal p {
		font-size: .7em;
		margin-top: 0;
		margin-bottom: 0;
		}
	.Cal img {
		width: 35%;
		height: auto;
		}	
		@media only screen and (max-width: 50em) {
		.Cal img {
			width: 50%;
			height: auto;
			}
			}
		@media only screen and (max-width: 35em) {
		.Cal img {
			width: 75%;
			height: auto;
			}
			}


.Weekend {
	background-color:#F0F0F0;
	}
	
	




/* ........... MOSAIQUE ............*/

.Scroll {
	width: 100%;
	border: 1px solid #000;
	overflow: auto;
	}

	

.Mosaique {
	position: relative;
		width: 3950px;
		}
	@media only screen and (max-width: 75em) {
	.Mosaique {
		width: 300%;
		}
		}
	
	

.Mosaique img {
	width: 100%;
	}
	

	
.Mosaique div	{
	Float: left;
	margin-top: 5em;
	height: 20em;
	padding-bottom: 3em;
	border-left: solid 2px black;

	width: 900px;
	padding-bottom: 3em;
	padding-left:25px;
	padding-right: 650px;
	margin-left: 87px;

	}	




	@media only screen and (max-width: 75em) {
	.Mosaique div	{
		width: 17%;
		padding-right: 8%;
		padding-left:1%;
		margin-left: 3%;
		}
		}
	
		@media only screen and (max-width: 50em) {
	.Mosaique div	{
		width: 20%;
		padding-right: 5%;
		padding-left:1%;
		margin-left: 4%;
		}
		}
	
	
	@media only screen and (max-width: 30em) {
	.Mosaique div {
		height: 26em;
		}
		}
		






/* ........... Header ............*/

/* ...js... */
/* Classes below are refered to in nav.js. Do not rename */

.main_h {
	position: fixed;
	top: 0px;
	max-height: 4.25em;
	z-index: 10;
	width: 100%;
	padding-top: .75em;
	background: none;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
	padding-bottom: .5em;
	font-family: "Montserrat", sans-serif;
	}

.open-nav {
	max-height: 30em;
	}
	.open-nav .mobile-toggle {
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		}

.sticky {
	background-color: rgba(255, 255, 255, 0.97);
	opacity: 1;
	top: 0px;
	border-bottom: 1px solid gainsboro;
	background-image: url(skin/head.png);
	background-repeat: repeat-x;
	background-position: center -48px;
	}





/* ........... NAVIGUATION ............*/

 /* ..Main ..*/


ul.Nav {	
	list-style-type: none;
	overflow: hidden;
	padding-left: 0px;
	}

ul.Nav.Main {
	float: left;
	clear: none;
	margin-top: .35em;
	text-align: center;
	width: 100%;
	}
	@media only screen and (max-width: 35em) {
	ul.Nav.Main {
		margin-bottom: 2em;
		width: 100%;
  		}
		}

ul.Nav.Main li {
	float: left;
	clear: none;
	margin-bottom: 0;
	}
	ul.Nav.Main li.Logo {
		float: left;
		clear: none;
		width: 8em;
		height: 3em;
		background-image: url(skin/logo_afy.png);
		background-size: 100%;
		background-repeat: no-repeat;
		margin-right: .5em;
		}
	ul.Nav.Main li.Titre {
		display: none;
		}
	
	ul.Nav.Main .Normal {
		Float: right;
		margin-right: 8em;
		margin-top: .35em;
		}

	ul.Nav.Main .Social {
		position: absolute;
		right: 2em;
		margin-top: .5em;
		}	
	
	.Nav.Main .Social li a{
		float: left;
		width: 1.5em;
		height: 1.5em;
		padding: 0;
		background-size: 100%;
		background-repeat: no-repeat;
		transition: .3s;
		}	
	
		.Nav.Main .Social li a.Facebook {
			background-image: url(skin/icon_social_facebook.png);
			}
			.Nav.Main .Social li a.Facebook:hover {
				background-image: url(skin/icon_social_facebook_hover.png);
				}	
			
			
		.Nav.Main .Social li a.Twitter {
			background-image: url(skin/icon_social_twitter.png);
			}
			.Nav.Main .Social li a.Twitter:hover {
				background-image: url(skin/icon_social_twitter_hover.png);
				}
		.Nav.Main .Social li a.LinkedIn {
			background-image: url(skin/icon_social_linkedin.png);
			}
			.Nav.Main .Social li a.LinkedIn:hover {
				background-image: url(skin/icon_social_linkedin_hover.png);
				}
		.Nav.Main .Social li a.Contact {
			background-image: url(skin/icon_contact.png);
			width: 2.15em;
			}
			.Nav.Main .Social li a.Contact:hover {
				background-image: url(skin/icon_contact_hover.png);
				}
			
	
	ul.Nav.Main a {
	float: left;
	height: 2.5em;
	width: 100%;
	color: #888888;
	line-height: 1.25em;
	font-size: 0.9em;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: .4em;
	text-decoration: none;
	}
	ul.Nav.Main a:hover {
		color: #000;
		}
	
	
		
	@media only screen and (max-width: 50em) {
	ul.Nav.Main .Normal li {
		width: 6.5em;
		}
		ul.Nav.Main li.Logo {
			background-image: url(skin/icon_afy.png);
			width: 2.5em;
			height: 2.5em;
			}
		ul.Nav.Main a {
			padding-left: 0;
			padding-right: 0;
			}
			}
	@media only screen and (max-width: 40em) {
	ul.Nav.Main li {
		float: left;
		width: 100%;
		}
	ul.Nav.Main .Normal li {
		border-right: none;
		}	
	ul.Nav.Main .Social {
		float: left;
		clear: left;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		right: 0em;
		width: 100%;
		}
		ul.Nav.Main .Social a{
		float: right;
		}

	ul.Nav.Main .Normal {
 		float: Left;
		margin-right: 0;
		margin-top: 0;
		width: 100%;

		}
		
	ul.Nav.Main .Normal li {
		border-top: solid 1px #ccc;
		padding-top: .5em;
		font-size: 1.25em;
		width: 100%;
		}
		ul.Nav.Main li.Titre {
			display: block;
			height: 3em;
			font-family: Bold;
			font-size: 1.75em;
			}
		ul.Nav.Main li.Logo {
			position: absolute;
			}
			}



	


/* Social */

	

	.Nav.Main .Social li {
		margin-left: .25em;
		width: auto;
		}
		

			
			
			
/* ..Hamberger .. */


.mobile-toggle {
  display: none;
  cursor: pointer;
  font-size: 1.25em;
  position: absolute;
  right: 1em;
  top: .5em;
  width: 2em;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
@media only screen and (max-width: 40em) {
  .mobile-toggle {
    display: block;
  }
}
.mobile-toggle span {
	width: 1.5em;
	height: .25em;
	margin-bottom: .25em;
	border-radius: 1000px;
	background: #8f8f8f;
	display: block;
	}
			


.hero {
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
	padding-top: 10%;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 80%;
	min-height: 250px;
	}







.Facebook {
	background-image: url(../_css/skin/head_facebook.png);
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	background-position: left top;
	padding-top: 2em;
	background-repeat: no-repeat;
	padding-right: 0;
	}



a.English {
	position: absolute;
	top: 0px;
	right: 4em;
	background-color: #9F1965;
	border-radius: 0 0 8px 8px;
	padding: .5em 1em .5em 1em;
	margin-right: 1em;
	color: white;
	text-decoration: none;
	font-size: 1em;
	vertical-align: middle;
	font-family: bold;
	z-index: 20;
	transition: .3s;
	}
	a.English:hover {
	background-color: black;
	}



/* .... MOUSE ANIM...... */


.Mouse {
	display: block;
	margin: 0 auto;
	width: 26px;
	height: 46px;
	border-radius: 13px;
	border: 2px solid white;
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -26px;
	background-color: rgba(255, 255, 255, 0.05);

	}
	.Mouse span {
		display: block;
		margin: 6px auto;
		width: 3px;
		height: 3px;
		border-radius: 4px;
		background: white;
		border: 1px solid transparent;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		}
		.Mouse.Y span {
			-webkit-animation-name: scroll-Y;
			animation-name: scroll-Y;
			}
		
		.Mouse.X span {
			-webkit-animation-name: scroll-X;
			animation-name: scroll-X;
			margin-left: 15px;
			}


.Mosaique div.Mouse {
	padding:0;
	width: 26px;
	height: 46px;
	margin-left: 0;
	Float: none;
	border: 2px solid #ccc;
	left: 1%;
	top: 0px;
	}
	.Mosaique div.Mouse span{
		background: #666;
		}




@-webkit-keyframes scroll-Y {
0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	}
	100% {
	opacity: 0;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	}
	}
@keyframes scroll-Y {
0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
		}
		}


@-webkit-keyframes scroll-X {
0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
		}
		}
@keyframes scroll-X {
0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		transform: translateX(-10px);
		}
		}
		
		/* ........... MENUS & NAV ............*/

.Menu {
	float: left;
	clear: none;
	position: relative;
	list-style-type: none;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	overflow: hidden;
	}
	@media (max-width: 30em) {
		.Menu {
			border-bottom: solid 2px black;
		}
	}
	
	.Menu li {
		position: relative;
		float: left;
		width: 100%;
		}
	.Menu li.Icon {
		padding-top: 120px;
		padding-bottom: .5em;
		color: #999;
		font-size: 1.15em;
		background-repeat: no-repeat;
		background-position: 15px 25px;
		}
		@media (max-width: 30em) {
		.Menu li.Icon {
			padding-top: 120px;
			}
			}
	.Menu a {
		Float: left;
		height: 3em;
		Width: 100%;
		padding-top: 1em;
		border-top: solid 1px #ccc;
		text-indent: 4em;
		}
		@media (max-width: 30em) {
		.Menu a {
			padding-top: 0.5em;
			height: 2em;
			text-indent: 3em;
			}
			}
	.Menu strong {
		position: absolute;
		top: .65em;
		left: 0px;
		font-weight: normal;
		font-size: 1.6em;
		color: #000;
		}
		@media (max-width: 30em) {
		.Menu strong {
			top: .5em;
			font-size: 1.2em;
			}
			}
			

		
