#new_div{

width:245px;
height:380px;
background:rgb(150,160,150);

margin-right:5px;
padding-left:8px;
}


#main{

padding:5px;
font-size:20px;




}

#worda{
font-size:32px;
}

#used{
font-size:20px;
}
#letters{
background:rgb(150,160,150);
}

#humanword{
font-size: 28px;
size: 
}
#letterguess{

font-size: 28px;
padding: 10px;
}

#bighang  {

margin-left:auto;
margin-right:auto;


width:950px;
height:380px;

   -moz-box-orient: horizontal;

        display: -ms-flexbox;

  margin-left:10px;

     margin-left:auto;
   display:-webkit-box;
   display:-moz-box;
   -webkit-box-orient: horizontal;
   -webkit-box-flex: 1;
   -moz-box-orient: horizontal;
   box-orient: horizontal;


        display: -ms-flexbox;
  -ms-flex-direction: row;


}
#wtf{
height:200px;
width:200px;
margin-left:500px;

}
#container{



}

#canvassection{
margin:0 auto;
max-width:300px;
display:inline;
}

body{
background:url(hanged.jpg);
background-repeat:repeat;
background-position: center;
}





.hidefirst{
display:none;
}

#spacer{
height:22px
}
#spacer2{
height:15px;
}

#letters{
border: 2px solid black;
width:90%;
height:20px;
padding:5px;
margin-left:8px;
font-size:21px;
}


@media only screen and (max-width:600px){

#spacer{
height:8px
}
#spacer2{
height:5px;
}

#bighang  {
   -webkit-box-orient: vertical;
   -webkit-box-flex: 1;
   -moz-box-orient: vertical;
   box-orient: vertical;
        display: -ms-flexbox;
  -ms-flex-direction: column;
  margin-left:10px;
  margin-top:0px !important;
}

#new_div{

height:280px;
width:274px;
margin-bottom:5px;
text-align:center;
}

#main{


font-size:20px;
}
#lettersub{
font-size:25px;
}
#startbut{
font-size:20px;
}

#human{
font-size:20px;
}


}


@media only screen and (orientation:landscape) and (max-width:900px){

#bighang{
margin-left:0px;
margin-top:0px !important;


}

}