* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    border: 0;

    padding: 0;

    margin: 0;

}



*:before, *:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



html {

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    font-size: 62.5%;

}



body {

    font-size: 16px;

    font-size: 1.6rem;

    color: #000;

    background-color: #fff;

}



#foot {

	margin-top:50px;





}







.img-respond {

    max-width: 100%;

    height: auto;

}







#wrap {

    width: 100%;

    position: relative;

    background-size: cover;

    background-position: top center;

    background-repeat: no-repeat;

}



#wrap .top-bar {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 2;

    width: 100%;

    background-color: black;

	color:#fff;

    text-align: center;

    font-size: 16px;

    font-size: 1.6rem;

	padding:15px 0;

}



#wrap .top-bar span {

    cursor: pointer;

    text-decoration: none;

}



#wrap .top-bar a {

    color:#FFF;

	text-decoration:underline;

}



#terms {

    padding-top:50px;

}



#wrap main {

    position: relative;

    padding-top: 150px;

    text-align: center;

    min-height:1050px;

}



#wrap main .logo, #wrap main .offer {

    

}



#wrap main .offer img {

    width: 70%;

    margin:15px auto;

}



footer {



    width: 100%;

    background-color: #02052c;

    font-size: 10px;

    font-size: 1rem;

    padding: 10px 0;

    text-align: center;

    margin-top: -5px;

}



footer .footer-icons {

	margin-top:20px !important;

    margin-bottom: 20px !important;

	text-align:center;

}



footer .footer-icons img {

    height: 30px;

    margin-right: 25px;

}



#wrap .terms {

    position: absolute;

    left: 50%;

    top: 60px;

    width: 800px;

    max-width: 90%;

    height: 500px;

    max-width: 90%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    transform: translateX(-50%);

    background-color: #02052c;

    z-index: 3;

    border-radius: 10px;

    padding: 20px;

    display: none;

}



#wrap .terms.active {

    display: block;

}



#wrap .terms .cross {

    position: absolute;

    top: -20px;

    right: -20px;

    width: 40px;

    height: 40px;

    cursor: pointer;

}



.terms .inner h3 {

	margin-bottom:40px;

}



.terms .inner ol {

    padding-left: 40px

}



.terms .inner ol li {

    margin: 5px 0;

}



#wrap .terms .inner ol ul {

    padding-left: 20px;

}



.terms.active {

    font-size: 14px;

}



.terms h4 {

    margin-top:25px;

    font-weight:bold;

}



.app-images {

    padding-top:25px;

}



@media (max-width: 767px) {

    html {

        font-size: 45%;

    }



    

    #wrap main {

        padding-top: 120px;

        min-height: 760px

    }



    #wrap main .logo  {

        margin-bottom: 10px

    }



    #wrap main .logo img {

        width: auto;

    }



    #wrap main .offer img {

        width: 300px;

		margin:30px auto;

    }



    #wrap main .cta img {

        width: 250px

    }



    #wrap footer .footer-icons img {

        margin-top: 10px

    }

	

	footer .footer-icons {

		margin-top:20px !important;

   		margin-bottom: 20px !important;

		text-align:center;

	}



	footer .footer-icons img {

    	height: 30px;

    	margin: 10px;

	}

	h3{

		font-size: 1.4em !important;

	}

	.inner h3 {

		padding-left: 25px;

	}

}



@media (max-width: 768px) {

    .gameLogos {

        text-align:center;

    }

.gameLogos img {

    width: 100%;

}

}



@media (max-width: 1024px) {

    #wrap {

        background-size: cover;

    }

}