@import url(http://fonts.googleapis.com/css?family=Quicksand:400,700,300);
html { margin: 0 auto; padding:0;}
body {
	background:url('images/background.gif') fixed;
	background-size: cover;
	margin:0 auto; padding: 0;
}
header {
	opacity: .8;
	background: #ff00ff; /* Old browsers */
	padding:20px 30px 1px 30px;
	text-align: center;
	font-family: 'Quicksand', sans-serif;
	font-size: 1.5em;
	color: white;
}
p { font-weight: 400;}
h1 { font-weight: 700;}
h2 { font-weight: 700;}


section{
	min-height: 2000px;
}
.container {
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-align-content:center;
	align-content:center;
	height: 100%;

}

.container div {
	-webkit-flex:0 1 auto;
	flex:0 1 auto;
}

#face img {
	width: 100%;
}


a:link {
    color: #9933ff;
}
a:visited {
    color: #9933ff;
}


footer{
	opacity:.8;
	background:#00FFFF;
	text-align: center;
	font-size: 1.3em;
	padding: 30px 70px 20px 70px;
	font-family: 'Quicksand', sans-serif;
	color: #ff00ff;

}

button {
	border:none;
	background: none;
}

iframe {background:rgba(0,0,0,0);}

@media screen and (max-width:819px) {
	body:{

	background: #bafffc; /* Old browsers */
	background: -moz-linear-gradient(top,  #bafffc 0%, #ffc6fd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bafffc), color-stop(100%,#ffc6fd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bafffc 0%,#ffc6fd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bafffc 0%,#ffc6fd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bafffc 0%,#ffc6fd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bafffc 0%,#ffc6fd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bafffc', endColorstr='#ffc6fd',GradientType=0 ); /* IE6-9 */

	}
}