@font-face {
    font-family: Libcziowes;
    src: url(images/2017/Libcziowes.otf);
}

BODY
{
/*background: URL(images/2017/scratchy_background.jpg);*/
font-family: Libcziowes, verdana;
font-size: 16px;
	text-shadow: 2px 2px 1px #000000;
}

H2{
font-family: Libcziowes, verdana;
font-size: 30px;
	text-shadow: -2px 2px 4px #275a6b;
}
.girls {
pointer-events: none;
position: fixed;
z-index:    20;
margin-left:auto;
margin-right:auto;
width: 100%;
height: 100%;
background: URL(images/2017/girls_on_black.jpg);///girls_no_black.png
/*background: URL(images/2017/girls_in_trees_forest.jpg);///girls_no_black.png*/
background-size:                 cover;
    -webkit-background-size:     cover;
    -moz-background-size:        cover;
    -o-background-size:          cover;
background-repeat:               no-repeat;
    -webkit-background-repeat:   no-repeat;
    -moz-background-repeat:      no-repeat;
    -o-background-repeat:        no-repeat;
 background-position: center top;
}

.scratches {
pointer-events: none;
position: fixed;
z-index:    100;
width: 100%;
height: 100%;
background: URL(images/2017/scratches.png);
background-size:                 cover;
    -webkit-background-size:     cover;
    -moz-background-size:        cover;
    -o-background-size:          cover;
background-repeat:               no-repeat;
    -webkit-background-repeat:   no-repeat;
    -moz-background-repeat:      no-repeat;
    -o-background-repeat:        no-repeat;
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
}

#title {
position: fixed;
z-index:    25;
width: 100%;
float: right;
}

#title IMG {
width: 70%;
float: right;
opacity: 0.9;
filter: alpha(opacity=90); /* For IE8 and earlier */
}

#bigShot {
visibility: hidden;
position: absolute;
top: 767px;
z-index:    27;
width: 60%;

float: left;
margin-left: 20px;
}

#bigShot IMG {
width: 100%;
float: left;
opacity: 0.9;
filter: alpha(opacity=90); /* For IE8 and earlier */
border: 1px dashed red;
}

#fullBG {
background-size:                 100% auto;
    -webkit-background-size:     100% auto;
    -moz-background-size:        100% auto;
    -o-background-size:          100% auto;

background-repeat:               no-repeat;
    -webkit-background-repeat:   no-repeat;
    -moz-background-repeat:      no-repeat;
    -o-background-repeat:        no-repeat;

}

#content {
color: white;
position:   relative;
width: 300px;
z-index:    30;
float: right;
margin-right:20px;
margin-top: 250px;
text-align:center;
}

P { text-align: left; }

#trailer {
width:      300px;
height:     169px;
border: 1px solid white;
}

#footnote P {
font-size: 80%;
font-style: italic;
line-height: 160%;
}

#screenshots {
margin-left: -2px;
}

#screenshots IMG {
width: 96px;
height: 60px;
border: 1px solid white;
}

#tag {
color:red;
position:   absolute;
opacity: 0.8;
filter: alpha(opacity=80); /* For IE8 and earlier */
bottom: 0;
width: 600px;
font-size: 20px;
}

#tagbox {
height: 100%;
position:   fixed;
float:      left;
z-index:    35;
margin-left:20px;
}

.buy A {
color: white;
text-decoration: none;
}

.buy {
font-size: 20px;
margin-top: 20px;
margin-bottom: 20px;
width:300px;
height: 60px;
/*border-radius: 60px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
border: 1px dashed white;*/
text-align: right;
}

.buy IMG {
height: 60px;
width: 300px;
float: right;
margin-top: 2px;
margin-right: 2px;
}

#tot {
width: 300px;
height: 120px;
text-align: center;

bottom: 40;
}

#tot IMG {
height: 100px;
width: auto;
opacity: 0.8;
filter: alpha(opacity=80); /* For IE8 and earlier */
}

#social {
width: 300px;
height: 50px;
text-align: center;

bottom: 0;
}

#social IMG {
height: 30px;
width: auto;
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
}