/*@font-face {
    font-family: 'italiannoregular';
    src: url('/font/italianno-regular-otf-webfont.eot');
    src: url('/font/italianno-regular-otf-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/italianno-regular-otf-webfont.woff2') format('woff2'),
         url('/font/italianno-regular-otf-webfont.woff') format('woff'),
         url('/font/italianno-regular-otf-webfont.ttf') format('truetype'),
         url('/font/italianno-regular-otf-webfont.svg#italiannoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

html {
	height:		100%;
	/*min-width:	800px;*/
	padding:	0px;
	margin:		0px;
}

body {
	font-family:	Arial;
	color:			#333333;
	background: url(/images/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height:		580px;
	/*min-width:	800px;*/
	position:		relative;
	height:			100%;
	margin:			0px;
	padding:		0px;
}

.social {
	position:	relative;
	float:	right;
	/*margin:	20px;*/
	top:	20px;
	right:	20px;
}

.social img {
	margin-left: 2px;
}

.social img {
	border-radius:	4px;
}

.mid {
	margin:	20px;
}

h1 {
	margin:	0px;
	margin-left:	10px;
}

h1 img {
	width:	35%;
}

h2 {
	margin:	0px;
	margin-left:	10px;
}

h2 img {
	width:			26%;
	margin-left:	6%;
	margin-top:		-7%;
}

#soundcloud {
	position:	absolute;
	bottom:		20px;
	left:		20px;
	width:		300px;
	height:		300px;
}

/*img.headshot {
	width:	300px;	
	border-radius:	50%;
	display:	inline-block;
	vertical-align:	top;
	box-shadow:	-1px 1px 9px #333333;
	margin-bottom:	20px;
	margin-right:	30px;
}*/

/*.construction {
	display:	inline-block;
	font-family:	italiannoregular;
	font-size:		60px;
}*/


@media screen and (max-width: 580px) {
	html {
		min-width:	initial;
		/*min-height:	500px;*/
	}

	body {
		position:			relative;
		background-image:	url(/images/bg_small.jpg);
		/*text-align:			center;*/
		min-height:			530px;
	}

	.social {
		position:	absolute;
		float:		none;
		text-align:	right;
		bottom:		30px;
		right:		10px;
		top:		initial;
		width:		60%;
	}

	.social img {
		width:	30px;
	}

	h1 img {
		position:	relative;
		top:		-10px;
		width:		80%;
		-ms-transform: rotate(13deg); /* IE 9 */
    	-webkit-transform: rotate(13deg); /* Chrome, Safari, Opera */
    	transform: rotate(13deg);
	}

	h2 img {
		width:			54%;
		margin-left:	0px;
		position:		absolute;
		top:			55%;
		-ms-transform: rotate(10deg); /* IE 9 */
	    -webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */
	    transform: rotate(10deg);
	}

	#soundcloud {
		left:	0px;
		bottom:	0px;
		width:	100px;
		height:	100px;
	}
}