html, body {
	margin: 0;
	padding: 0;
  background-color:#fff;
	  font-family: Arial, Helvetica, sans-serif;
	    }

#topbar{
 height:50px;
 margin:auto;
    text-align: center;
 margin-top:50px;
 color:#001d85;
 font-size:36px;
 width:800px;
 border-bottom:solid white 1px;
}

#gameContent{
    margin: auto;
/*    width: 100%;
    height: 100vh;*/
    /* position: relative; */
    /* overflow: hidden; */
    /*background-color: #3498DB;*/
}

.spacer{height:30px;}




#gameTitle{
 /*margin-top:100px;*/
 text-align:center;
 font-size:40px;
 color:#fff;}

.button{font-size:17px;
 width:100px;
 margin:auto;
 margin-top:20px;
 cursor:pointer;
 border:solid 1px white;
 border-radius:4px;
 text-align:center;
 color:#fff;}

.button:hover{
 background-color:#6AB0FD;}

#replay{
 margin-left:0px;}
 





#wordHolder{
 margin-top:10px;
    text-align: center;
 /*margin-left:150px;*/
}
 
#clueHolder{
 margin-top:10px;
    text-align: center;
 /*margin-left:150px;*/
}
 
#guesses{
 margin-top:20px;
    text-align: center;
 /*margin-left:150px;*/
}
 
#logoHolder{
 width:1040px;
 overflow:hidden;
}

@media only screen and (max-width: 600px) {
    #logoHolder{
        width:352px;
        overflow:hidden;
    }
}
 
#logoHolder img{
 position:relative;}
 
#feedback{
 margin-top:20px;
    text-align: center;
 /*margin-left:150px;*/
 font-size:34px;
 color:#fff;
}
 
.tile{
    height: 40px;
    display: inline-block;
    width: 40px;
    /* float: left; */
    margin-right: 10px;
    background-color: white;
    text-align: center;
    font-size: 24px;
    color: #333;
    padding-top: 5px;
}
 
#finalMessage{
 text-align:center;
 font-size:40px;
 color:#fff;
 width:90%;
 margin:auto;
 margin-top:100px;
}
 
#dummyHangText{
 position:absolute;
 left:-4000px;
 top:0px;
 /*display:none;*/
}
 
@media screen and (max-width:800px) {
 #topbar{
	 margin-left:1%;
	 margin-right:1%;	
	 width:96%;
 }
 #gameContent{
	 margin:1%;	
	 width:98%;
 }
 .tile{
	 height:20px;
	 width:20px;
	 font-size:14px;
 }
}
 
@media screen and (max-width:560px) {
 #wordHolder{
	 margin-top:10px;
     text-align: center;
	 /*margin-left:10px;*/
 }
 #clueHolder{
	 margin-top:10px;
     text-align: center;
	 /*margin-left:85px;*/
 }
 #guesses{
	 margin-top:20px;
     text-align: center;
	 /*margin-left:85px;*/
 }
 #logoHolder{
     width:352px;
     overflow:hidden;
 }
 #feedback{
     text-align: center;
	 /*margin-left:85px;*/
	 font-size:28px;
 }
 #finalMessage{
	 font-size:30px;
 }
}