body {
    background-image: url("/images/background2.png");
    background-repeat: no-repeat;
    background-position: center top; 
    background-color: #EEEEEE;
    background-attachment: fixed;
	margin:0;
}	


.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}



div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
  
}

div.desc {
  padding: 15px;
  text-align: left;
  font-family: Tahoma, Verdana, Segoe, sans-serif; color: #313131;
}

* {
  box-sizing: border-box;
  
}

h1{
	text-align:center; 
	color: lightgray; 
	text-shadow: 1px 1px 3px #666666; 
	font-family: Tahoma, Verdana, Segoe, sans-serif; 
	font-weight: normal; 
	margin-bottom:0; 
	margin-top:0;
}
	
	


div.gameBox{
	background-color: #DBDBDB;
	
}

.responsive {
  float: left;
  width: 24.99999%;
  padding: 15px;
  height: 700px;
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
	height: 550px;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
	height: 650px;
  }
}



.clearfix:after {
  content: "";
  display: table;
  clear: both;
  
}


.blog {
   width: 960px;
   min-height: 100px; 
   background-color: #DBDBDB; 
   margin-left: auto; 
   margin-right: auto;
}


@media only screen and (max-width: 960px) {
  .blog {
    width: 100%;
  }
}


div.button:hover{
	background-color: #245d65;
	text-align: center;
}

div.button{
	background-color: lightgray;
	padding: 5px;
	height: 50px;
	
}

a.noUnderline {
	text-decoration: none;
	vertical-align: middle;
	
}

h2:hover{
	color: #ef5656; 
	text-shadow: 1px 1px 3px #666666; 
	font-family: Tahoma, Verdana, Segoe, sans-serif; 
	font-weight: normal; 
}

h2{
	color: white; 
	text-shadow: 1px 1px 3px #666666; 
	font-family: Tahoma, Verdana, Segoe, sans-serif; 
	font-weight: normal; 
	width: 100%;
margin-top: 5px;
text-align: center;
}