/* style.css
*
* Stylesheet for vsi public
*/
@charset "utf-8";

/*html { width:100%; height:100%; }*/
html, body {
/*	width: auto!important;*/
	width:100%;
/*	height:100%;*/
	overflow-x:hidden!important;
}

/* zero things out */
body, div, h1, h2, h3, h4, h5, h6, p, label, ul, li, img, a, input, section, aside, header, footer, nav, form, button {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

div {
	display:block;
	box-sizing: border-box;
}

body {
	font-family: 'Roboto',arial,sans-serif;
	font-size: 16px;
	line-height:22px;
	font-weight:400;
	color:#ffffff;
	background:#000000;
	-ms-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-webkit-text-size-adjust: 100%;
}

/* ANCHORS */
a { color:#2c7fa1; text-decoration:underline; }

/* HEADERS */
h1, h2, h3 {
	font-family:Comfortaa,arial,sans-serif;
	font-weight:lighter;
}

h1 {
	font-size:36px;
	line-height:40px;
	margin-bottom:20px;
}
h2 {
	font-size:26px;
	line-height:32px;
}
h3 {
	font-size:24px;
	line-height:28px;
	margin:0 0 5px 0;
}

@media (max-width: 639px) {
	h1 {
		font-size:28px;
		line-height:28px;
	}
	h2 {
		font-size:22px;
		line-height:28px;
	}
	h3 {
		font-size:20px;
		line-height:24px;
		margin:0 0 5px 0;
	}
}

@media (max-width: 479px) {
	h1 {
		font-size:24px;
		line-height:26px;
	}
	h2 {
		font-size:20px;
		line-height:26px;
	}
	h3 {
		font-size:18px;
		line-height:22px;
		margin:0 0 5px 0;
	}
}

/* TEXT */
p {
	font-size: 16px;
	line-height:22px;
	margin:0 0 20px 0;
}

.pcenter { text-align:center; }

.bold700 { font-weight:700; }

/* =============
	DIV
   ============= */
#wrapper{
	width:100%;
	margin:0 auto 20px auto;
/*	border:solid 1px #ff0000; */
}
#wrapper-inner {
	display:block;
	margin:0 auto;
	max-width:1200px;
	position:relative;
}
.container {
	box-sizing:border-box;
	display:block;
	margin:0 auto;
	padding:20px 20px;
	max-width:1200px;
	border:solid 1px #ffffff;
}

/**************
 *** Header ***
 **************/
#header-wrapper {
	width:100%;
}
#header {
	max-width:1200px;
	min-height:50px;
	margin:0 auto 30px auto;
	background:transparent none;
	position:relative;
}
#header-logo {
	max-width:100%;
/*	box-sizing:border-box;*/
	display:block;
}

img#album-disc {
	display:block;
	width:100%;
	max-width:1200px;
	margin:10px auto;
}


/* Utility */
.hide_me { display:none; }
.show_me { display:block; }

.rounded10 { border-radius:10px; }
.rounded20 { border-radius:20px; }

div.spacer10 { height:10px; content:" " }
div.spacer20 { height:20px; }
div.spacer30 { height:30px; }
div.spacer40 { height:40px; }
div.spacer50 { height:50px; }
div.spacer90 { height:91px; }
div.spacer200 { height:200px; }

.nobr { white-space:nowrap }

.clr { clear:both; }