@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Gochi+Hand');
* {
	border:0px;
	padding:0px;
	margin:0px;
	box-sizing:border-box;
}
img {
	max-width:100%;
	height:auto;
}
html {
	background-color:#222;
}
body {
	font-family: "Roboto", Arial, sans-serif;
	font-size:18px;
	color:#4d4d4d;
	background-image:url('gfx/bkg1.jpg');
	background-repeat:no-repeat;
	background-size:100%;
	background-attachment:fixed;
	font-weight:300;
}
#moved {
	background-color:#00ccff;
	color:#fff;
	padding:10px;
	text-align:center;
	margin:10px auto;
}
.highlight {
	color:#ef69a7;
}
.container {
	max-width:1000px;
	margin:0px auto;
	display:block;
	clear:both;
	position:relative;
	padding:0px 10px;
}
.clearfix:after {
	content:' ';
	display:block;
	clear:both;
}
header {
	margin-bottom:50px;
}
#logo {
	padding:20px;
	text-align:center;
	float:left;
	color:#fff;
}
#social {
	float:right;
	padding:20px;
}
#social img {
	border:5px solid #fff;
	width:42px;
	box-shadow:0px 0px 10px #000;
	margin-right:15px;
}
nav ul {
	list-style:none;
	margin:0px;
}
nav ul li {
	margin-bottom:10px;
}
nav ul a {
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	font-size:32px;
	font-weight:300;
	text-shadow:0px 0px 10px #000;
}
nav ul a:hover {
	color:#00ccff;
}
#left {
	width:30%;
	float:left;
}
#right {
	width:70%;
	float:left;
	background-color:#efefef;
	padding:20px;
	box-shadow:0px 0px 10px #000;
}
.col1 {
	width:30%;
	float:left;
}
.col2 {
	width:70%;
	float:left;
	padding-right:10px;
}
input, textarea {
	width:100%;
	padding:5px;
	border:1px solid #ccc;
	-webkit-appearance: none;
}
input[type="submit"] {
	background-color:#0099cc;
	cursor:pointer;
	margin-top:15px;
	text-transform:uppercase;
	color:#fff;
	padding:10px;
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
}
iframe {
	border:1px solid #ccc;
}
h1 {
	font-family:"Gochi Hand";
	color:#ef69a7;
	font-size:40px;
}
h2 {
	font-family:"Gochi Hand";
	color:#00ccff;
	font-size:40px;
}
p {
	margin-bottom:15px;
}
ul {
	margin-left:25px;
}
li {
	margin-bottom:10px;
}
a {
	color:#0099cc;
}
.quote {
	color:#ef69a7;
	font-style:italic;
}
footer {
	background-color:#000;
	padding:20px 10px;
	text-align:center;
	color:#ef69a7;
	margin-top:30px;
	font-size:12px;
}
/* MOBILE */
#mobile-nav {
	display:none;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	clear:both;
	height:35px;
	padding: 7px 10px 0px 10px;
	background-color:#000;
	cursor:pointer;
}
#mobile-nav > div {
	width:25px;
	float:left;
}
#mobile-nav div.bar {
	height:3px;
	background-color:#fff;
	margin:3px 0px;
}
#mobile-nav span{
	float:left;
	display:block;
	padding:0px 5px;
	font-size:14px;
	line-height:22px;
}
@media (max-width:670px){
	#left, #right, .col1, .col2 {
		float:none;
		width:100%;
	}
	#mobile-nav {
		display:block;
	}
	header, nav {
		margin-bottom:10px;
	}
	nav ul {
		width:100%;
		background-color:#000;
		box-sizing:border-box;
		display:none;
	}
	nav ul li {
		margin-bottom:0px;
	}
	nav ul a {
		display:block;
		padding:10px;
		border-top:1px solid #666
	}
	#logo {
		background-color:transparent;
	}
	body {
		background-image:none;
	}
}
@media (max-width:490px){
	#social, #logo {
		float:none;
		width:100%;
		text-align:center;
		padding-bottom:0px;
	}
	#logo {
		font-size:16px;
	}
}