@import url(https://fonts.google.com/specimen/Caveat+Brush?selection.family=Caveat+Brush);

body, html {
    width: 100%;
    height: auto;
    margin: 0;
}

a {
    text-decoration: none;
}

/*
#footer {
    text-align: center;
    color: aliceblue;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: 100;
}
*/

th {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.wrapCopyright {
	font-family: sans-serif;
	margin: 0 auto;
	width: 100%;
	padding: 0px;
	display: block;
	font-size: 10px;
	padding: 30px 0px;
	color: aliceblue;
	bottom:0px;
}

.wrapCopyrightContent {
    width: 900px;
    margin: 0 auto;
    color: aliceblue;
}

.bg {
    /* The image used */
    background-image: url("../img/bg.png");
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.phoneImg {
    margin-top: 5%;
    z-index: 88888;
}

.iframeYoutube {
    margin-top: 38px;
    margin-left: 49px;
}

.divcontainers {
    width: 100%;
    height: 300px;
    padding-top: 50px;
}

.zerodiv {
    position: relative;
    margin: 0 auto;
    width: 500px;
}

.firtsdiv {
    width: 500px;
    height: auto;
    position: absolute;
    z-index: 9999999;
}

.seconddiv {
    width: 500px;
    height: auto;
    position: absolute;
    z-index: 9999;
}

.block {
    padding-top: 20px; 
    width: 300px;
    height: 50px;
    margin: 0 auto;
}

.tableContainer{
    width: 690px;
    height: auto;
    margin: 0 auto;
    padding-top: 80px;
}

.socialSecondBTN {
    padding-left: 10px;
}

.anchfootercopyright {
    color: aliceblue;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: 100;
}

.headfootercopyright {
    color: aliceblue;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: 100;
}

.headwall {
    position: absolute;
    top:0;
    margin-top: 510px;
    margin-left: 240px;
    font-family: 'Caveat Brush', sans-serif;
    font-size: 40px;
    color: #FFF;
}

.titlewall {
    position: absolute;
    top:0;
    margin-top: 570px;
    margin-left: 90px;
    font-family: 'Caveat Brush', sans-serif;
    font-size: 20px;
    color: #FFF;
}

.scorewall {
    position: absolute;
    top:0;
    margin-top: 570px;
    margin-left: 120px;
    font-family: 'Caveat Brush', sans-serif;
    font-size: 22px;
    color: azure;
    text-align: center;
    width: 400px;
}

#navbar {
    position: absolute;
    display: inline;
    padding-top: 10px !important;
    margin-left: 5%;
}

.Copyright{
	float: left;
	width: fit-content;
}

.termsConditions{
	float: right;
	width: fit-content;
}

@media (max-width: 770px){
    .divcontainers{
        display: none;
    }
    body, html {
        height: 100%;
    }
    #navbar {
        margin-top: 100px;
        width: 90%;
        text-align: center;
    }
	.tableContainer{
		width: 690px;
		height: auto;
		margin: 0 auto;
		padding-top: 100px;
	}
	.block {
		padding-top: 225px; 
		width: 300px;
		height: 50px;
		margin: 0 auto;
	}
	.headwall {
		position: absolute;
		top:0;
		margin-top: 405px;
		margin-left: 240px;
		font-family: 'Caveat Brush', sans-serif;
		font-size: 40px;
		color: #FFF;
	}
	.titlewall {
		position: absolute;
		top:0;
		margin-top: 460px;
		margin-left: 90px;
		font-family: 'Caveat Brush', sans-serif;
		font-size: 20px;
		color: #FFF;
	}
	.scorewall {
		position: absolute;
		top:0;
		margin-top: 460px;
		margin-left: 120px;
		font-family: 'Caveat Brush', sans-serif;
		font-size: 22px;
		color: azure;
		text-align: center;
		width: 400px;
	}
	.wrapCopyright {
		font-family: sans-serif;
		margin: 0 auto;
		width: 100%;
		padding: 0px;
		display: block;
		font-size: 10px;
		padding: 15px 0px;
		color: aliceblue;
		position: absolute;
		bottom:0px;
	}
	.wrapCopyrightContent {
		width: 100%;
		color: aliceblue;
	}
	.Copyright{
		float: left;
		width: fit-content;
		margin-left: 10px;
	}
	.termsConditions{
		float: right;
		width: fit-content;
		margin-right: 10px;
	}
}

@media (max-width: 480px) {
    .divcontainers{
        display: none;
    }
    .tableContainer{
        display: none;
    }
    body, html {
        height: 100%;
    }
    #navbar {
        margin-top: 100px;
        width: 90%;
        text-align: center;
    }
	.wrapCopyright {
		font-family: sans-serif;
		margin: 0 auto;
		width: 100%;
		padding: 0px;
		display: block;
		font-size: 10px;
		padding: 15px 0px;
		color: aliceblue;
		position: absolute;
		bottom:0px;
	}
	.wrapCopyrightContent {
		width: 100%;
		color: aliceblue;
	}
	.Copyright{
		float: left;
		width: fit-content;
		margin-left: 10px;
	}
	.termsConditions{
		float: right;
		width: fit-content;
		margin-right: 10px;
	}
    .block {
        padding-top: 220px; 
        width: 280px;
        height: auto;
    }
    .socialSecondBTN {
        margin-top: 20px;
        padding-left: 0px;
        margin: 0 auto;
    }
}