@font-face {
	font-family: sfmono;
    src: url('font/SFMonoRegular.otf');
}

@font-face {
	font-family: sfmonobold;
    src: url('font/SFMonoBold.otf');
}


body {
  font-family: 'sfmonobold';
  background-color:#000;
  color:#fff;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-decoration: none;
  /*!letter-spacing: 0.0625em;*/
}

a:link, a:visited {
    text-decoration: none;
    color:#fff;
}

a:hover {
	text-decoration:none;
	color:#888;
}



#main{
	width:62%;
	margin: 0 auto;
}

#subtitle{
	font-size:1.2vw;
	vertical-align: bottom;
}

#title{	text-align:center;
	font-size:7.4vw;
	line-height:7vw;
}

#menu{
	font-size:2.4vw;
}

#videodrome{
	font-size:2.5vw;
}

#couvent{
	font-size:3.6vw;
}

#price{
	vertical-align: top;
	font-size:1.2vw;
	font-weight:normal;
}

#contact{
	/*top:7.2vw;*/
	font-size:2.2vw;
}

#address{
	/*top:7.2vw;*/
	font-size:1.2vw;
	font-weight:normal;
}

#artistlink{
	top:0px;
	font-size:1.2vw;
	font-weight:normal;
}

iframe {
	position:fixed;
	top:0px;
	left: 50%;
	transform:translateX(-50%);
	-webkit- transform:translateX(-50%);
	width: 41%;
	height: 100%;
}


table{
	width:100%;
	font-size:0.9vw;
}

table tr{
 	padding : 0px;
 	font-size:0.9vw;
}

table td{
	width:16%;
	font-size:0.9vw;
  	margin-top:5vw;
}

#close{
	visibility:hidden;
	position:absolute;
	top:1vw;
	right:4vw;
	width:8vw;
	height:8vw;
}

#dummy {
	position:fixed;
	top:0px;
	left: 50%;
	transform:translateX(-50%);
	-webkit- transform:translateX(-50%);
	width: 90%;
}


@media screen and (max-width: 768px) and (orientation: portrait){
	#main{
		width:90%;
		margin: 0 auto;
	}

	#subtitle{
		font-size:1.8vw;
		vertical-align: bottom;
	}

	#title{	text-align:center;
		font-size:10vw;
		line-height:7vw;
	}

	#menu{
		font-size:3vw;
	}

	#videodrome{
		font-size:2.5vw;
	}

	#couvent{
		font-size:4.8vw;
	}

	#price{
		vertical-align: top;
		font-size:1.2vw;
		font-weight:normal;
	}

	#contact{
		/*top:7.2vw;*/
		font-size:2.6vw;
	}

	#address{
		/*top:7.2vw;*/
		font-size:1.6vw;
		font-weight:normal;
	}

	#artistlink{
		top:0px;
		font-size:1.8vw;
		font-weight:normal;
	}

	iframe {
		position:fixed;
		top:0px;
		left: 50%;
		transform:translateX(-50%);
		-webkit- transform:translateX(-50%);
		width: 90%;
		height: 100%;
	}

	table{
		width:100%;
		font-size:1.2vw;
		letter-spacing:-50%;
		word-spacing:-50%;
	}

	table tr{
	 	padding : 0px;
	 	font-size:1.2vw;
	 	letter-spacing:-50%;
	 	word-spacing:-50%;
	}

	table td{
		width:16%;
		font-size:1.2vw;
		letter-spacing:-50%;
		word-spacing:-50%;
	  	margin-top:5vw;
	}
}

@media screen and (max-width: 480px) and (orientation: portrait){
	#main{
		width:90%;
		margin: 0 auto;
	}

	#subtitle{
		font-size:2vw;
		vertical-align: bottom;
	}

	#title{	text-align:center;
		font-size:10vw;
		line-height:8vw;
	}

	#menu{
		font-size:4vw;
	}

	#videodrome{
		font-size:3vw;
	}

	#couvent{
		font-size:5vw;
	}

	#price{
		vertical-align: top;
		font-size:2.2vw;
		font-weight:normal;
	}

	#contact{
		/*top:7.2vw;*/
		font-size:3vw;
	}

	#address{
		/*top:7.2vw;*/
		font-size:1.8vw;
		font-weight:normal;
	}

	#artistlink{
		top:0px;
		font-size:2.2vw;
		font-weight:normal;
	}

	iframe {
		position:fixed;
		top:0px;
		left: 50%;
		transform:translateX(-50%);
		-webkit- transform:translateX(-50%);
		width: 90%;
		height: 100%;
	}


	table{
		width:100%;
		font-size:1.2vw;
		letter-spacing:-50%;
		word-spacing:-50%;
	}

	table tr{
	 	padding : 0px;
	 	font-size:1.2vw;
	 	letter-spacing:-50%;
	 	word-spacing:-50%;
	}

	table td{
		width:16%;
		font-size:1.2vw;
		letter-spacing:-50%;
		word-spacing:-50%;
	  	margin-top:5vw;
	}
}