	html,
	body {
	    width: 100%;
	    height: 100%;
	}

	@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
	    html,
	    body {
	        -webkit-overflow-scrolling: touch;
	        -webkit-text-size-adjust: 100%;
	    }
	}

	@media only screen and (max-width: 600px) {
	    .paybackInformation {
	        width: 100%;
	        float: none;
	    }
	    .paybackInformationParagraf {
	        margin-block-end: 0;
	    }
	}

	@media screen and (orientation:portrait) {
	    footer {
	        position: fixed;
	        padding: 0px;
	        left: 0px;
	        bottom: 0px;
	        height: 48px;
	        width: 100%;
	        background-color: silver;
	        color: white;
	        text-align: center;
	    }
	    footer form {
	        position: fixed;
	        padding: 0px;
	        left: 0px;
	        bottom: 0px;
	        height: 48px;
	        width: 100%;
	        background-color: silver;
	        color: white;
	        text-align: center;
	    }
	    .marginFix {
	        height: 64px;
	    }
	}

	/* Change page background image, color, font style, alignment, and color here */

	body {
	    background-color: #cccccc;
	    font-family: sans-serif, arial, helvetica;
	    font-size: 14px;
	    text-align: left;
	    color: black;
	    margin: auto;
	    overflow: auto;
	    -webkit-overflow-scrolling: touch;
	    background-image: url("images/background.jpg");
	    background-repeat: no-repeat;
	    background-position: center bottom;
	    background-attachment: fixed;
	    background-size: cover;
	}

	/* Change the section header background color, width, and font alignment here */

	.sectionHeader {
	    margin: auto;
	    width: 80%;
	    background-color: #6C5CAD;
	    padding: 8px;
	    text-align: left;
	    font-size: 16px;
	    font-weight: bold;
	    color: white;
	    border-style: solid solid none solid;
	    border-color: black;
	    border-width: 1px;
	    border-radius: 10px 10px 0px 0px;
	}

	/* Change the section body background color, width, and font alignment here */

	.sectionBody {
	    margin: auto;
	    width: 80%;
	    background-color: #ffffff;
	    padding: 8px;
	    text-align: left;
	    font-size: 16px;
	    color: black;
	    border-style: solid;
	    border-color: black;
	    border-width: 1px;
	    border-radius: 0px 0px 10px 10px;
	    margin-bottom: 8px;
	    opacity: 0.95;
	}

	div {
	    width: 100%;
	    overflow: auto;
	}

	#baseGame {
	    margin: auto;
	    width: 80%;
	    background-color: #ffffff;
	    padding: 8px;
	    text-align: center;
	    font-size: 16px;
	    color: black;
	    border-style: solid;
	    border-color: black;
	    border-width: 1px;
	    border-radius: 0px 0px 10px 10px;
	    margin-bottom: 8px;
	    opacity: 0.95;
	}

	#freeSpin {
	    margin: auto;
	    width: 80%;
	    background-color: #ffffff;
	    padding: 8px;
	    text-align: center;
	    font-size: 16px;
	    color: black;
	    border-style: solid;
	    border-color: black;
	    border-width: 1px;
	    border-radius: 0px 0px 10px 10px;
	    margin-bottom: 8px;
	    opacity: 0.95;
	}

	ul {
	    margin: 4px;
	}

	img {
	    vertical-align: middle;
	    max-width: 100%;
	    height: auto;
	}

	div img {
	    vertical-align: middle;
	    max-width: 100%;
	    height: auto;
	}

	td img {
	    vertical-align: middle;
	    max-width: 100%;
	    height: auto;
	}

	th img {
	    vertical-align: middle;
	    max-width: 100%;
	    height: auto;
	}

	img.sizeMin {
	    width: 80%;
	    min-width: 52px;
	}

	table {
	    margin: 4px;
	    border: 1px solid black;
	    border-collapse: separate;
	    border-spacing: 0;
	    border-radius: 5px 5px 5px 5px;
	    display: inline-block;
	}

	th {
	    background-color: #6C5CAD;
	    color: white;
	    border-left-width: 0px;
	    border-top-width: 0px;
	    border-right-width: 0px;
	    border-bottom-width: 1px;
	    border-style: solid;
	    border-color: black;
	    text-align: center;
	    font-size: 12px;
	    padding: 6px;
	}

	td {
	    padding: 8px;
	    border-left: 0px;
	    border-top: 0px;
	    border-bottom: 1px solid black;
	    border-right: 1px solid black;
	    text-align: center;
	}

	footer {
	    position: fixed;
	    padding: 0px;
	    left: 0px;
	    bottom: 0px;
	    height: 50px;
	    width: 100%;
	    background-color: silver;
	    color: white;
	    text-align: center;
	}

	footer form {
	    position: fixed;
	    padding: 0px;
	    left: 0px;
	    bottom: 0px;
	    height: 50px;
	    width: 100%;
	    background-color: silver;
	    color: white;
	    text-align: center;
	}

	td.noRightBorder {
	    border-right: 0px;
	}

	th:first-child {
	    border-top-left-radius: 5px;
	}

	th:last-child {
	    border-top-right-radius: 5px;
	    border-right: 0px;
	}

	tr:last-child td {
	    border-bottom: 0;
	}

	td:last-child {
	    border-right: 0;
	}

	.title {
	    font-size: 16px;
	    font-weight: bold;
	    color: black;
	}

	.center {
	    margin: 0;
	    width: 100%;
	    padding: 0;
	    text-align: center;
	}

	.left {
	    padding-left: 5px;
	    padding-right: 5px;
	    text-align: left;
	}

	.middle {
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
	    width: 50%;
	}

	.topOfPage {
	    padding-top: 65px;
	}

	.tableTitleNumb,
	.tableTitle {
	    width: 20%;
	    background-color: #6C5CAD;
	    color: white;
	    font-weight: bold;
	}

	.tableTitle {
	    font-size: 12px;
	}

	.imgBackgrWhite {
	    width: 20%;
	    background-color: #FFFFFF;
	    color: white;
	    font-weight: bold;
	    border-radius: 5px 5px 0px 0px;
	}

	.win-small-table table {
	    border: 0px solid #000000;
	    border-radius: 0px 0px 0px 0px;
	    padding: 0px;
	    border-spacing: 0px;
	    background-color: #0089cc;
	}

	.win-small-table td {
	    border: 0px;
	    padding: 2px;
	    font-weight: bold;
	}

	.win-small-table table tr td img {
	    vertical-align: middle;
	    max-width: 100%;
	    height: auto;
	    padding: 1px;
	}

	.win-small-table tr:nth-child(odd) {
	    background-color: #87cefa;
	}

	.payline-table table {
	    border-radius: 10px 10px 0px 0px;
	    margin: 2px;
	}

	.payline-table th,
	td {
	    font-size: 16px;
	    padding: 5px;
	}

	.payline-color {
	    background-color: #1dcc57;
	}

	.paybackInformation {
	    float: left;
	    width: 50%;
	    text-align: left;
	    vertical-align: top;
	}

	.paybackInformation p {
	    padding-left: 5px;
	    padding-right: 5px;
	}

	.marginFix {
	    height: 64px;
	    clear: both;
	}

	.closeBtn {
	    width: 61px;
	    height: 30px;
	    line-height: 25px;
	    color: #eeeeee;
	    font-size: 12px;
	    font-weight: bold;
	    text-shadow: #aaa 0px 1px 1px;
	    text-align: center;
	    border-radius: 6px;
	    border: 1px solid #0590d1;
	    background: -webkit-linear-gradient(#69bce3, #0590d1);
	    background: -moz-linear-gradient(#69bce3, #0590d1);
	    background: -o-linear-gradient(#69bce3, #0590d1);
	    background: linear-gradient(#69bce3, #0590d1);
	    cursor: pointer;
	    margin: 10px auto;
	    display: block;
	    outline: none;
	}

	.tableCap {
	    background-color: #6C5CAD;
	    color: white;
	    border-left-width: 0px;
	    border-top-width: 0px;
	    border-right-width: 0px;
	    border-bottom-width: 1px;
	    border-style: solid;
	    border-color: black;
	    text-align: center;
	    font-size: 12px;
	    padding: 6px;
	    font-weight: bold;
	}

	.i123 td {
	    font-size: 18px;
	}

	.i123 td img {
	    max-width: 50%;
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
	}

	.i123 img.sizeMin {
	    width: 40%;
	    min-width: 52px;
	}

	#wildWidth {
	    width: 50%;
	}

	@media screen and (orientation:portrait) {
	    .i123 td img {
	        max-width: 80%;
	    }
	    .i123 img.sizeMin {
	        width: 60%;
	        min-width: 52px;
	    }
	}

	@media only screen and (max-width: 500px) {
	    #wildWidth {
	        width: 80%;
	    }
	}

	@media only screen and (max-width: 400px) {
	    .paybackInformation {
	        font-Size: 15px;
	    }
	}