.clearing {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

/*
body, html {
    padding:0;
    margin:0;
    overflow:hidden;
    height:101%;
    width:101%;
  }
*/

body {background:#333;font-family:'Fjord One', serif;}

#wrapper {
	padding:60px;
	position:absolute;
	top:0;
	left:0;
}
	#wrapper:hover {}

h1 {font-size:54px;color:#fff;line-height:1.4;padding-bottom:15px;}
	h1 a {color:#fff;text-decoration:none;font-weight:bold;}
	h1 span {font-size:18px;}
	h1 a:hover {text-decoration:underline;}

a:hover {border-bottom:0;}

h2 {color:#fff;font-size:36px;}
h3 {color:#fff;font-size:16px;line-height: 1.4;}
	h3 a {color:#fff;border-bottom:1px solid #fff;text-decoration:none;line-height:1.8;}

p {font-size:11px;font-weight:normal;line-height:1.4;}

#work {margin-top:20px;}
#work ul {overflow:hidden;margin-bottom:20px;width:300px;}
	#work ul li {list-style:none;font-size:16px;line-height:1.4;color:#fff;}
	#work ul li a {color:#fff;border-bottom:1px solid #fff;text-decoration:none;line-height:1.8;}
	#work a:hover {border-bottom:0;}
	#work ul li.last {margin-right:0;}

p#msg {position:absolute;bottom:20px;right:20px;color:#fff;}

.square {
	width:7%;
	height:10%;
	float:left;
	display:inline;
}

@media only screen and (max-device-width: 480px) {
  #wrapper {
    padding: 20px;
  }
  h1 {font-size:36px;}
  p#msg {position:relative;bottom:auto;right:auto;margin-top:20px;padding:20px;}
}