body{
background:black;
font-family:"Courier New", Courier, monospace;
color:white;
font-size:16px;
text-shadow: 2px 2px #000000;
}

@font-face{
font-family: overseer;
src: url('oversteer.ttf');

}

h1{
font-family:overseer;
color:white;
font-weight:100;
width:100%;
font-size:50px;

}
.game h1{
color:green;
font-size:20px;
line-height:1.2;

}
#content{
width:900px;
margin-top:50px;
margin-left:auto;
margin-right:auto;
padding-left:30px;

padding-right:30px;
}
#content::after {
  content: "";
  background: url(killer_instinct_sabre.jpg);
  background-size: 100%;
  opacity: 0.2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}
#dnb{
width:900px;
height:640px;
padding-top:20px;
background: url(Viimsi_Kino_DNB.jpg);
background-size:900px 660px;
display:block;
}
#cosplay{
width:900px;
height:640px;
padding-top:20px;
background: url(cosplay_raw.png);
background-size:900px 660px;
display:block;
}
#cosplay .innercontent{
padding-top:150px;
background:none;
text-shadow: 2px 2px #000000;
}
#premia{
background: url(Viimsi_Kino_Premia.jpg);
width:900px;
height:640px;
padding-top:20px;
background-size:900px 660px;
display:block;
}
#grand{

background: url(Viimsi_Kino_Grand_Rose.jpg);
width:900px;
height:640px;
padding-top:20px;
display:block;
background-size:900px 660px;
}
#fuajee{

background: url(fuajee.jpg);
width:900px;
height:640px;
padding-top:20px;
display:block;
background-size:900px 660px;
}

p{
margin-top:10px;

}
#myCarousel{
margin-top:20px;

}
.innercontent{
width:400px;
height:auto;

display:inline-block;
padding:25px;
padding-left:75px;
background:rgba(60,60,60,0.9);
vertical-align:top;
}

#fifa15{
display:inline-block;
margin-left:20px;

width:320px;
height:240px;
vertical-align:top;
  background: url(fifa15.jpg);
  background-size:320px 240px;
  opacity:0.4;
}
#fifa15:hover{
opacity:1;
border:2px solid #55ee55;
}

#forza{
display:inline-block;
margin-left:20px;

width:320px;
height:240px;
vertical-align:top;
  background: url(forza2.jpg);
  background-size:320px 240px;
  opacity:0.4;
}
#forza:hover{
opacity:1;
border:2px solid #55ee55;
}
#outrun{
display:inline-block;
margin-left:20px;

width:320px;
height:240px;
vertical-align:top;
  background: url(outrun.png);
  background-size:320px 240px;
  opacity:0.4;
}
#outrun:hover{
opacity:1;
border:2px solid #55ee55;
}

#driveclub{
display:inline-block;
margin-left:20px;

width:320px;
height:240px;
vertical-align:top;
  background: url(driveclub.jpg);
  background-size:320px 240px;
  opacity:0.4;
}
#driveclub:hover{
opacity:1;
border:2px solid #55ee55;
}

#goal3{
display:inline-block;
margin-left:20px;

width:320px;
height:240px;
vertical-align:top;
  background: url(goal_3.png);
  background-size:320px 240px;
   opacity:0.4;
}
#goal3:hover{
opacity:1;
border:2px solid #55ee55;
}
#p4{
display:inline-block;
margin-left:20px;

width:320px;
height:240px;
vertical-align:top;
  background: url(p4arena.jpg);
  background-size:320px 240px;
  opacity:0.4;
}
#p4:hover{
opacity:1;
border:2px solid #55ee55;
}
#killer{
display:inline-block;
margin-left:20px;

width:320px;
height:240px;
vertical-align:top;
  background: url(killer-instinct.png);
  background-size:320px 240px;
  opacity:0.4;
}
#killer:hover{
opacity:1;
border:2px solid #55ee55;
}
#turtles{
display:inline-block;
margin-left:20px;

width:320px;
height:240px;
vertical-align:top;
  background: url(usf4.jpg);
  background-size:320px 240px;
   opacity:0.4;
}
#turtles:hover{
opacity:1;
border:2px solid #55ee55;
}

@media screen and (max-width: 769px) {
#content{
width:90%;
padding:5%;
margin-top:20px;
}
h1{
font-size:30px;
}
.carousel-control{

top:85px !important;

}
.innercontent{
margin-top:40px;
width:90%;
padding:5%;

height:auto;
}
#grand{
width:100%;
background:none;
height:auto;
text-align:center;
}

#dnb{

text-align:center;
background:none;
width:100%;
height:auto;

}
#premia{

text-align:center;
background:none;
width:100%;
height:auto;
}
#cosplay{

text-align:center;
background:none;
width:100%;
height:auto;
}
#fuajee{

text-align:center;
background:none;
width:100%;
height:auto;
}
.game{
width:320px;
margin-left:auto;
margin-right:auto;
}
#cosplay .innercontent{
padding-top:25px;
background:rgba(60,60,60,0.9);
text-shadow: 2px 2px #000000;
}


#content::after {

opacity:0.4;
}
}