/*test.css*/


@font-face {
    font-family: myFirstFont;
    src: url(../FutureMillennium.ttf);
}

body {


	font-family: myFirstFont;




}

.newDiv{

	/*background-color: black;*/
	background-image: url('../images/natty_header2_colors.png');
	height:310px;
	width:100%;
   display:block;
   background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;


}

.headerDiv{

margin-top:10%;


}

.buttons{
text-align: center;

background-color:white; 

height:100px;


}


.comingSoon{

font-size: 20px;
text-align: center;
background-color:white; 
opacity: 0.6;
filter: alpha(opacity=70); /* For IE8 and earlier */

}

.buttonCustom{

float: left;
font-size: 25px;



}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li {
    display: inline;
    position: static;

}


li a {

	font-size: 39px;
    display: inline;
    color: #4c4c4c;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
 
}

.icon{





}

.moveImage
{
    position: relative;
    top: -20px;
    padding-left: 10px;
     padding-right: 10px;
}




.storeButtons{
text-align: center;

}

.badges{


height:50px;
width:160;


}


.gameContainer
{   text-align: center;
      background-color: white;

}


.gameBanner{

height:297px;
width:300px;


}



/* Bigger than 250 */
@media (min-width: 250px) {




li a {

    font-size: 20px;
    display: inline;
    color: #4c4c4c;
    text-align: center;
    padding: 14px 5px;
    text-decoration: none;
 
}



.headerDiv{

margin-top:0%;


}

.newDiv{

    /*background-color: black;*/
    background-image: url('../images/natty_header_bare_2.png');
    height:150px;
    width:100%;
   display:block;
    background-repeat: no-repeat;
    background-position: center;
    margin: 5% auto;


}


.badges{


height:50px;
width:160;


}

.gameBanner{

height:267px;
width:270px;


}



  }



/* Bigger than 550 */
@media (min-width: 550px) {



.newDiv{

    /*background-color: black;*/
    background-image: url('../images/natty_header_bare_2.png');
    height:150px;
    width:100%;
   display:block;
    background-repeat: no-repeat;
    background-position: center;
    margin: 5% auto;


}



 
li a {

    font-size: 20px;
    display: inline;
    color: #4c4c4c;
    text-align: center;
    padding: 14px 5px;
    text-decoration: none;
 
}


.headerDiv{

margin-top:0%;


}

.badges{


height:50px;
width:160;


}


.gameBanner{

height:347px;
width:350px;


}



  }
/* Bigger than 750 */
@media (min-width: 750px) {



.gameBanner{

height:397px;
width:400px;


}

li a {

    font-size:23px;
    display: inline;
    color: #4c4c4c;
    text-align: center;
    padding: 14px 5px;
    text-decoration: none;
 
}

.newDiv{

    /*background-color: black;*/
    background-image: url('../images/natty_header_bare_2.png');
    height:150px;
    width:100%;
   display:block;
    background-repeat: no-repeat;
    background-position: center;
    margin: 33% auto;


}



.headerDiv{

margin-top:-10%;
background-color: white;
height: 350px;
}


.buttons{
text-align: center;

background-color:white; 

height:60px;


}


.badges{


height:50px;
width:160;


}


  }


/* Bigger than 1000 */
@media (min-width: 1000px) {



.gameContainer
{   text-align: center;
      background-color: white;

}


li a {

    font-size: 30px;
    display: inline;
    color: #5c5c5c;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
 
}

.newDiv{

    /*background-color: black;*/
    position: static;
    background-image: url('../images/natty_header_1000_colors.png');
    height:320px;
    width:100%;
   display:block;
    background-repeat: no-repeat;
    margin: 20px auto;


}

.headerDiv{

margin-top:2%;


}


.buttons{
text-align: center;

background-color:white; 

height:120px;


}


.badges{


height:70px;
width:180px;


}

.gameBanner{

height:597px;
width:600px;


}



}