/* General */
html { background:url('../images/background.jpg') center top no-repeat #f9f9f9; background-size:auto 100%; -webkit-font-smoothing: antialiased; }
body { position:relative; font-size:12px; }

/* Header */
header { margin:0 auto 3em; padding-top:4em; }
header hgroup h1 { display:block; text-indent:-99999px; overflow:hidden; font-size:100%; width:23.6666666em; height:3.0833333333em; background:url('../images/header.png') no-repeat; margin:0 auto; background-size:100% 100%; }
header hgroup h2 { font:normal 100%/1em "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Helvetica", "Tahoma", "Geneva", "Arial"; color:rgba(0, 0, 0, 0.5); letter-spacing:0.2em; text-align:center; text-transform:uppercase; }
#language { position:absolute; top:1.5em; right:1em; font:normal 91.6%/1em "HelveticaNeue", "Helvetica Neue", "Helvetica", "Tahoma", "Geneva", "Arial"; color:rgba(0, 0, 0, 0.5); letter-spacing:0.1em; text-transform:uppercase; text-decoration:none; }
#language:hover { text-decoration:underline; }
#language:active { color:#d23e48; }

/* Section */
section { margin:0 auto; }
section p { font:normal 216%/1em "HelveticaNeue", "Helvetica Neue", "Helvetica", "Tahoma", "Geneva", "Arial"; color:#848484; text-align:center; max-width:85%; margin-left:auto; margin-right:auto; }
section p strong { font:normal 92.307692%/1em "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Helvetica", "Tahoma", "Geneva", "Arial"; color:#d23e48; display:block; text-transform:uppercase; }
section img {
	width:100%;
	max-width:45.666666em;
	display:block;
	margin:0 auto;
	animation: fadein 2s;
	-moz-animation: fadein 2s;
	-webkit-animation: fadein 2s;
	-o-animation: fadein 2s;
}

/* Contact */
#contact { display:block; text-align:center; line-height:3.0833333333em; margin:2.4166666666em 0 5.1666666666em; }
#contact a {
	font:600 108.3333333%/1em "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-stretch:normal; color:#fff; text-shadow:0 1px 1px rgba(0, 0, 0, 0.4); text-decoration:none; padding:0.769230em 1.230769em;	border:1px solid #b14340; border-radius:0.3333333333em;
	-webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.4);
	/* Gradient */
	background: #e44d5b;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0NGQ1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZTMyM2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #e44d5b 0%, #ce323b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e44d5b), color-stop(100%,#ce323b));
	background: -webkit-linear-gradient(top, #e44d5b 0%,#ce323b 100%);
	background: -o-linear-gradient(top, #e44d5b 0%,#ce323b 100%);
	background: -ms-linear-gradient(top, #e44d5b 0%,#ce323b 100%);
	background: linear-gradient(to bottom, #e44d5b 0%,#ce323b 100%);
	/* Transition */
	-webkit-transition: box-shadow 0.2s ease-out, text-shadow 0.2s ease;
	-moz-transition: box-shadow 0.2s ease-out, text-shadow 0.2s ease;
	-ms-transition: box-shadow 0.2s ease-out, text-shadow 0.2s ease;
	-o-transition: box-shadow 0.2s ease-out, text-shadow 0.2s ease;
	transition: box-shadow 0.2s ease-out, text-shadow 0.2s ease;
	/* Animation */
	animation: fadein 3s;
	-moz-animation: fadein 3s;
	-webkit-animation: fadein 3s;
	-o-animation: fadein 3s;
}
#contact a:hover {
	-webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 1), 0 1px 2px rgba(0, 0, 0, 1);
	box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 1), 0 1px 2px rgba(0, 0, 0, 1);
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.6);
}
#contact a:active {
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.8), 0 0px 1px rgba(0, 0, 0, 1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.8), 0 0px 1px rgba(0, 0, 0, 1);
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
}
.ie9 #contact { filter:none; }

/* Footer */
footer { margin:0 auto; }
footer p { font:normal 100%/1em "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Helvetica", "Tahoma", "Geneva", "Arial"; color:#babfc2; text-align:center; }
footer p a { color:#babfc2; text-decoration:none; }
footer p a:hover { text-decoration:underline; }

/* Animations */
@keyframes fadein
{
	0% { opacity:0; }
	50% { opacity:0; }
	100% { opacity:1; }
}

@-moz-keyframes fadein
{
	0% { opacity:0; }
	50% { opacity:0; }
	100% { opacity:1; }
}

@-webkit-keyframes fadein
{
	0% { opacity:0; }
	50% { opacity:0; }
	100% { opacity:1; }
}

@-o-keyframes fadein
{
	0% { opacity:0; }
	50% { opacity:0; }
	100% { opacity:1; }
}

/* Media Queries */
@media (min-width:768px){
	html { background-size:auto auto; }
	header { padding-top:8em; }
	header, section, footer { width:45.6666666em; }
	section p { max-width:100%; }
}

/* Old browsers */
.ie7 header, .ie8 header { padding-top:8em; }
.ie7 header, .ie7 section, .ie7 footer, .ie8 header, .ie8 section, .ie8 footer { width:45.6666666em; }
.ie7 header hgroup h2, .ie8 header hgroup h2, .ie7 #language, .ie8 #language { color:#999; }
.ie7 #contact a, .ie8 #contact a { background:#e44d5b; }