/********** Start Of Footer CSS ************/
.footer {
	width: 100%;
	/* Sets the fixed height of the footer here */
	max-height: 2000px;
	background-color: transparent;
	bottom: 0;
	left: 0;
	right: 0;
	text-align:center;
	padding-bottom:20px;
	border: 0px;
	border-top:	3px solid #00c6ff;
}

.FooterRow{
	padding: 20px 0px 20px 0px;
}

.FooterLogo{
	padding-top:5px;
	padding-bottom:5px;
	/* top right bottom left */
}

#LogoAbout{
	text-align: left;
	padding: 5px;
	padding-left:15px;
	font-size:15px;	
}

#LogoAbout p{
	padding: 0px 30px 0px 5px;
}

#LogoAbout{
	color:white;
}

#FooterLinks h5{
		
	display:inline-block;
	padding:50px;
	
}

#FooterLinks a{

	color:#00bfff;
}


.footer hr{
	width:100%;
	margin: 0 auto;
	text-align:center;
	border-color:#ffffff;
}


.footer p{
	padding-top:20px;
	padding-bottom:0px;
	color:white;
	font-size:12px;
}


.NavBottom{
	background-color: #000000;
	font-weight: bold;
}


#Notice p{
	padding-top:40px;
	padding-bottom:10px;
	font-size:13px;
}

.SocialMediabutton{
	
	float:left;
}


.SocialBar{
	
	display:inline-block;
	float:left;	
	font-size:40px;
	margin-left:80px;
}

.SocialIcon{
	
	width:10%;	
	display:inline-block;
	float:left;
	margin-right: 50px;
	/* top right bottom left */
	text-align: center;
}

.fa-twitter{
	
	background:white;
	color:#1da1f2;	
	
	/* Will affect all contents of container with 0.5ms transition speed */
	-webkit-transition: all 0.4s ease;  /* Safari and Chrome */
	-moz-transition: all 0.4s ease;    /* Mozilla Firefox */
	-ms-transition: all 0.4s ease;    /* Edge */
	-o-transition: all 0.4s ease;    /* Opera */
	transition: all 0.4s ease;	    /* Standard */
}


.fa-twitter:hover{
	
	background:#1da1f2;
	color:white;	

	/* Will affect all contents of container with 0.5ms transition speed */
	-webkit-transition: all 0.5s ease;  /* Safari and Chrome */
	-moz-transition: all 0.5s ease;    /* Mozilla Firefox */
	-ms-transition: all 0.5s ease;    /* Edge */
	-o-transition: all 0.5s ease;    /* Opera */
	transition: all 0.5s ease;	    /* Standard */
}


.fa-youtube{
	
	background:white;
	color:red;	
	width:65px;
	
	/* Will affect all contents of container with 0.5ms transition speed */
	-webkit-transition: all 0.4s ease;  /* Safari and Chrome */
	-moz-transition: all 0.4s ease;    /* Mozilla Firefox */
	-ms-transition: all 0.4s ease;    /* Edge */
	-o-transition: all 0.4s ease;    /* Opera */
	transition: all 0.4s ease;	    /* Standard */
}


.fa-youtube:hover{
	
	background:red;
	color:white;	

	/* Will affect all contents of container with 0.5ms transition speed */
	-webkit-transition: all 0.5s ease;  /* Safari and Chrome */
	-moz-transition: all 0.5s ease;    /* Mozilla Firefox */
	-ms-transition: all 0.5s ease;    /* Edge */
	-o-transition: all 0.5s ease;    /* Opera */
	transition: all 0.5s ease;	    /* Standard */
}


.fa-facebook{
	
	background:white;
	color:#3b579d;	
	width:57px;
	
	/* Will affect all contents of container with 0.5ms transition speed */
	-webkit-transition: all 0.4s ease;  /* Safari and Chrome */
	-moz-transition: all 0.4s ease;    /* Mozilla Firefox */
	-ms-transition: all 0.4s ease;    /* Edge */
	-o-transition: all 0.4s ease;    /* Opera */
	transition: all 0.4s ease;	    /* Standard */
}


.fa-facebook:hover{
	
	background:#3b579d;
	color:white;	

	/* Will affect all contents of container with 0.5ms transition speed */
	-webkit-transition: all 0.5s ease;  /* Safari and Chrome */
	-moz-transition: all 0.5s ease;    /* Mozilla Firefox */
	-ms-transition: all 0.5s ease;    /* Edge */
	-o-transition: all 0.5s ease;    /* Opera */
	transition: all 0.5s ease;	    /* Standard */
}

.fa-steam{
	
	background:white;
	color:black;	
	width:57px;
	
	/* Will affect all contents of container with 0.5ms transition speed */
	-webkit-transition: all 0.4s ease;  /* Safari and Chrome */
	-moz-transition: all 0.4s ease;    /* Mozilla Firefox */
	-ms-transition: all 0.4s ease;    /* Edge */
	-o-transition: all 0.4s ease;    /* Opera */
	transition: all 0.4s ease;	    /* Standard */
}


.fa-steam:hover{
	
	background:black;
	color:white;	

	/* Will affect all contents of container with 0.5ms transition speed */
	-webkit-transition: all 0.5s ease;  /* Safari and Chrome */
	-moz-transition: all 0.5s ease;    /* Mozilla Firefox */
	-ms-transition: all 0.5s ease;    /* Edge */
	-o-transition: all 0.5s ease;    /* Opera */
	transition: all 0.5s ease;	    /* Standard */
}



@media (max-width: 767px) {


.footer hr{
	width:100%;

}
}


@media (max-width: 425px) {

	#FooterLinks h5{
	
		padding:2px;
		padding-top:30px;
		font-size:8px;

	}
	
	.FooterLogo img{
		width:60%;
		margin:auto;
	}
	
	.FooterRow{
		padding: 2px 0px 2px 0px;
	}
}


@media (min-width: 425px) {
	
	#FooterLinks h5{
	
		padding:2px;
		padding-top:30px;
		font-size:12px;

	}
	
}


@media (min-width: 768px) {
	
	#FooterLinks h5{
	
		padding:30px;
		font-size:13px;

	}
	
	.FooterLogo img{
		width:50%;
	}
	
}


@media (min-width: 1024px) {
	
	#FooterLinks h5{
	
		padding:40px;
		font-size:15px;

	}
	
	.FooterLogo{
	width:60%;	
	}	
}




/********** End Of Footer CSS ************/