@charset "utf-8";

/*****************************
  Basic Preferences
 *****************************/
/* page preferences */
* {
	margin: 0px;
	padding: 0px;
	whitespace: nowrap;
}
body {
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
	font-family: Arial, Verdana, Helvetica, sans-serif;
    text-align: center;
	background-image: url(background.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover
	-o-background-size: cover;
	background-size: cover;
}
@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
body {
	background-image: none !important;
}
}
/*****************************
  Basic Structure
 *****************************/
/* overall container */
div#container {
	background-image: url(background.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	width: 30vw;
	height: 14vw;
	position: absolute;
	left: 50%;
	top: 50%;
}
div#boxes {
	width: 30vw;
	margin-left: -35vw;
	margin-right: auto;
	margin-top: 4vw;
	margin-bottom: auto;
	position: absolute;
	left: 50%;
	top: 50%;
}
div#music:hover, div#publisher:hover, div#law:hover {
	border-top-color: rgb(220, 220, 220);
	border-bottom-color: rgb(185, 185, 185);
	border-left-color: rgb(220, 220, 220);
	border-right-color: rgb(185, 185, 185);
}
div#name {
	width: 30vw;
    height: 3.2vw;
	margin-bottom: 1vw;
    line-height: 3vw;
	float: left;
	background-color: rgb(245,230,190);

}
div#music {
	width: 12.5vw;
    height: 4vw;
	padding: 1vw;
	margin-bottom: 1vw;
	margin-right: 1vw;
    line-height: 2vw;
	float: left;
	background-color: rgb(255,200,20);
}
div#music:hover {
	background-color: rgb(255,220,40);
}
div#music h2, div#music h3 {
	color: rgb(0,0,0);
}
div#publisher {
	width: 12.5vw;
    height: 4vw;
	padding: 1vw;
	margin-bottom: 1vw;
    line-height: 2vw;
	float: left;
	background-color: rgb(200,220,0);
}
div#publisher:hover {
	background-color: rgb(220,240,20);
}
div#publisher h2, div#publisher h3 {
	color: rgb(0,0,0);
}
div#law {
	width: 28vw;
    height: 4vw;
	padding: 1vw;
	margin-bottom: 1vw;
    line-height: 2vw;
	float: left;
	background-color: rgb(200,80,0);
}
div#law:hover {
	background-color: rgb(220,100,20);
}
div#law h2, div#law h3 {
	color: rgb(0,0,0);
}
div#clear {
	clear: both;
}
/*****************************
  Headlines
 *****************************/
h1 {
	font-size: 1.6vw;
	font-weight: 700;
	font-variant: small-caps;
}
h2 {
	font-size: 1.3vw;
	font-weight: 700;
}
h3 {
	font-size: 1.1vw;
	font-weight: 400;
}

/*****************************
  img and iframe
 *****************************/
img {
	display: block;
	border-width: 0px;
}
iframe {
	border: none;
}
a {
	color: rgb(0,0,0);
	text-decoration: none;
}