@charset "UTF-8";
/* CSS Document */

@font-face {
font-family: "MS Mincho Regular";
font-style: normal;
src: 
local("MS Mincho"),	
url("MSMINCHO.woff2") format("woff2"),
url("MSMINCHO.woff") format("woff"),
url("MSMINCHO.ttf") format("ttf");
}

body { text-align:center; margin:0; background-color:#000000; }

body,td,th { font-family: "MS Mincho Regular", MS Mincho, Times New Roman, serif; color:#ffffff; -webkit-text-size-adjust:100% !important;  }

h1 { font-family: "MS Mincho Regular", MS Mincho, Times New Roman, serif; color:#ae855e; font-weight:normal; font-size: 3em; }

p { font-family: "MS Mincho Regular", MS Mincho, Times New Roman, serif; font-size: 1em; }

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

#castelloback { position:fixed; top:0px; left:0px; width:100%; height:100vh; background:url(castello_tapes_back.jpg); background-repeat: no-repeat; background-size:100%; background-position:center 45%; z-index:1; }

#header { position:fixed; top:0px; width:86%; left: 50%; transform: translate(-50%); display: flex; justify-content: space-between; align-items: center; z-index:999; }

#release { position: -webkit-sticky; position:sticky; top:7.5em; margin-top: 7.5em; margin-bottom: 6em; z-index:9; }

#photo { position: relative;width:100%; z-index:991; }
 
.icon  { width: 35px; margin:2px; }

.cover { width:28%;  border:1px solid #333; max-width:1000px; }

.streamer { height: 45px; margin:5px; }

.labeled {
   font-family: "MS Mincho Regular", MS Mincho, Times New Roman, serif; font-weight:normal; font-size: 0.5em; width:86%; left: 50%; transform: translate(-50%); display: flex; justify-content: space-between; align-items: center; bottom:0; position:absolute;
}

@media all and (orientation : portrait)
{
#castelloback { position:absolute; top:0px; left:0px; width:100%; height:54vh; background:url(castello_tapes_back.jpg); background-repeat: no-repeat; background-size:cover; background-position:center; z-index:1; }

#header { position:absolute; top:0px; width:86%; left: 50%; transform: translate(-50%); display: flex; justify-content: space-between; align-items: center; z-index:999; }

#release { position: relative; top:5em; margin-top: 5em; margin-bottom: 9.5em; z-index:9; }

}
/*#castelloback { position:fixed; top:0px; left:0px; width:100%; height:54vh; background:url(castello_tapes_back.jpg); background-repeat: no-repeat; background-size:cover; background-position:center; z-index:1; }

#release { position: -webkit-sticky; position:sticky; top:9.5em; margin-top: 9.5em; margin-bottom: 6em; z-index:9; }
}*/

@media all and (min-aspect-ratio: 19/7) 
{
.cover { width:20%; max-width:1000px; border:1px solid #333; }

.streamer { height: 40px; margin:5px; }
}

@media all and (min-aspect-ratio: 19/9) 
{
.cover { width:15%; max-width:1000px; border:1px solid #333; }

.streamer { height: 40px; margin:5px; }
}

@media all and (min-width: 567px) 
{
	


}

@media all and (max-height: 567px) and (orientation : landscape)
{

}