body{margin:0;}
#interactive{
	overflow:hidden;
}
.container{
	max-width:1080px;
	margin:0 auto;
}
.wrapper{
	width:100%;
	height:auto;
	position: relative;
	margin:0 auto;
	-webkit-font-smoothing: antialiased;
	background-size:cover;
	padding-top:1px;
	padding-bottom:1px;
	background-position: center;
}
.imageContainer{
	width:100%;
	height auto;
	position: relative;
	height:auto;
}
.imageContainer img{
	margin:0 auto;
	display:block;
	max-width:100%;
	width:60%;
}
.content{
	color:#fff;
	text-align: center;
	font-size:44px;
	font-family: Impact, Oswald, "Arial Narrow", sans-serif;
	margin:40px 10px;
	font-weight:bold;
}
.content p{
	margin:0;
	font-size:28px;
	text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}
.buttons{
text-align: center;
	padding-top:10px;
}
.buttonContainer{
	display: inline-block;
	width:100%;
	position: relative;
	height:50px;
}
button{
	background: #333
	position: absolute;
	-webkit-font-smoothing: antialiased;
	border:none;
	width:100%	;
	border-radius:3px;
	font-family: "Guardian Egyptian Web", Georgia, serif;
	font-weight:bold;
	font-size:18px;
	box-shadow:0 5px 0 #888;
	cursor:pointer;
	outline:none;
	color:#fff;
	left:0;
	height:50px;
}
button:active{
	margin-top:5px;
	box-shadow: none !important;
}
#shareLink{
	display:inline-block;
	font-family: "Guardian Text Sans Web", Georgia, serif;
	color:#4a4a4a;
	text-decoration: none;
	font-weight:bold;
	font-size:16px;
	vertical-align: top;
	margin: 20px 0;
}
#shareLink img{
	margin-top:-8px;
}
#shareLink:hover{
	color:#333;
}
.firstLine{
}

@media(min-width:480px){
	.wrapper{
		height:0;
		padding-bottom:100%;
	}
	.content{
		position: absolute;
		height:20%;
		width:100%;
		margin:0;
	}
	.imageContainer{
		height:55%;
		position: absolute;
		top:50%;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		max-height:540px;
	}
	.firstLine.content p{
		font-size:40px;
	}
	.secondLine{
		bottom:0;
	}
	.imageContainer img{
		height:100%;
		width:auto;
	}
	.content p{
		position: absolute;
		top:50%;
		transform:translate(-50%,-50%);
		-webkit-transform:translate(-50%,-50%);
		width:90%;
		left:50%;
		max-width:800px;
	}
	.buttonContainer{
		width:50%;
		margin:0 auto;
	}

}

@media(min-width:640px){
	.firstLine.content p{
		font-size:44px;
	}
	.content.secondLine p{
		font-size:36px;
	}
	.buttons{
		margin-bottom:20px;
	}
	.buttonContainer{
		height:60px;
		width:40%;
	}
	button{
		font-size:22px;
		height:60px;
	}
	#shareLink{
		margin-left:20px;
	}
}

@media(min-width:940px){
	.container{
		width:60%;
		float:left;
	}
	.buttons{
		width:35%;
		float:right;
		margin-left:2%;
		padding-top:0;
		text-align: left;
	}
	.buttonContainer{
		width:100%	;
	}
	#shareLink{
		margin-left:0;
		padding:20px 0 10px;
		background:#eee;
		width:100%;
		text-align: center
	}
	#shareLink:hover{
		background-color:#aaa;
		border-radius:3px;
	}
	#shareLink img{
		margin-left:-12px;
	}
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}