body{
    background:#094496;
    font-family:Helvetica, Arial, Verdana;
    text-align: center;
    margin:1%;
    font-size:16px;
    color:#fff;
}

.wrapper {
	max-width:1015px;
	margin:0 auto;
}


.header {
    width:100%;
    margin:0 0 1% 0;
}
.header .logo {
	display:block;
	margin:0 0 0 10px;
}



.game-content {
    /*float:left;*/
    width:100%;
	/*height:340px;*/
    text-align:center;
}
#memoryFinish input {
	padding:5px 10px;
	font-size:24px;
	width:300px;
	color:black;
	text-align:center;
}
#memoryFinish input.error {
	border:2px solid #DE0B29;
}
#memoryFinish button {
	padding:8px 10px;
	margin:10px 0 0 0;
	font-size:24px;
	cursor:pointer;
	background:#DE0B29;
	color:#fff;
	border:none;
}


.tableRanking {
	margin:10px auto;
    border-spacing: 1px;
    border-collapse: separate;
}
.tableRanking th {
	background:#094496;
	padding:5px 20px;
	text-align:center;
}
.tableRanking td {
	background:#fff;
	padding:5px 20px;
	color:#003486;
}
.tableRanking .result td {
	background:orange;
}



.footer {
/*    float:left;*/
    width:100%;
    /*height:80px;*/
    margin:25px 0 0 0;
}
.footer .footer-box {
}
.footer .box-counter {
	display:block;
    background:url('../img/timer.png') no-repeat;
    background-size:69px 69px;
    font-size:30px;
	line-height:68px;
}
.footer .box-counter p {
	text-align:left;
}


.footer .box-info {
	text-align:left;
}
.footer .box-info p {
	margin:22px 0 0 0;
}
.footer .box-info a {
	text-decoration:underline;
	color:#fff;
}
.footer .box-info a:hover {
	text-decoration:none;
	color:#fff;
}


.footer .box-restart {
}


.button {
	display:block;
	background-repeat:no-repeat;
	background-position:15px 15px;
	background-color:#de0b29;
	background-size:50px;
	cursor:pointer;
	min-width:250px;
	height:80px;
	padding:15px 15px 0 80px;
	font-size:20px;
	color:#fff;
	text-decoration:none;
	text-align:left;
	line-height:26px;
}
.button-app {
/*    float:right;*/
	background-image:url('../img/icon-download.png');
	margin:0 17px 0 0;
	min-width:310px;
}
.button-restart {
/*    float:right;*/
	background-image:url('../img/icon-restart.png');
	margin:0 17px 0 0;
}
.button:hover {
	color:#fff;
}


#memoryTimeout {
}
#memoryTimeout h1 {
	margin:150px 0 0 0;
}
#memoryRanking {
	overflow-x:hidden;
	overflow-y:auto;
	max-height:400px;
}
#memoryRanking a.jump {
	text-decoration:underline;
	color:#fff;
}
#memoryRanking a {
	text-deocration:none;
	color:#003486;
}
#memoryRanking a:hover {
	text-deocration:none;
}

.initially-hidden {
	display:none;
}


@media only screen and (max-device-width : 568px) {
	body { zoom:0.5; }
	.footer .box-counter { font-size:14px; }
	.button {
		line-height:40px;
		height:110px;
	}

}