/* Custom CSS styles */
@font-face {
	font-family: komikaxImport;
	src: url(KOMIKAX_.ttf);
}
/* Header and top sections */
body, html {
	background: url('../img/field-bg.png') no-repeat center center fixed;
	background-size: cover;
	background-position: 50% 50%;
	background-image: contain;
}
* {
	font-family: sans-serif;
	letter-spacing: 2px;
}
.center-block
    display: table;
    margin: 0 auto;
}
.header-img {
	margin-right: auto;
	margin-left: auto;
	height: auto;
	
}

.header-logo {
   max-width: 90%;
   max-height: 90%;
}
.top-section {
	color: #FFFFFF;
	text-align: center;
	margin-top: 20px;
	list-style-position: inside;
	list-style-type: none;
	text-shadow: 3px 3px 3px #000000;
}
.top-list {
	font-size: 22px;
}
/* List bullet points */
li::before {
  content: "• ";
  color: #ffff00; 
}
li {
	list-style-type: none;
	padding: 2px;
}
/* Jumbotron Styles */
.jumbotron{
	padding: 2.5rem 2rem;
}
.jumbotron-top {
	background: #031634;
	color : #FFFFFF;
	line-height: 1.5;
}
/* == Vertical line in between first 2 columns (only included after first column) == */
.first-col {
	padding-right: 25px; 
	border-right: 2px solid #ffff00;
}
/* == To hide vertical line at certain screen sizes == */
@media (max-width: 990px) 
{
    .first-col
    {
        border-right: none;
    }
}
/* Bottom Sections */
.y-header {
	text-transform: uppercase;
	text-shadow: 3px 3px 3px #000000;
	color: #ffff00;
	margin-left: auto;
	margin-right: auto;
}
.bottom-section {
	text-align: center;
	color: #FFFFFF;
	font-family: ‘Helvetica Neue’;
	text-transform: uppercase;
	text-shadow: 3px 3px 3px #000000;
}
address {
	font-size: 28px;
}
.banner {
	color: #FFFFFF;
	padding: 15px;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	background: #288a57;
	text-shadow: 3px 3px 3px #000000;
	font-family: komikaxImport;
}
.banner a {
	font-family: komikaxImport;
	text-shadow: 3px 3px 3px #000000;
	text-decoration: none;
	color: #FFFFFF;
}
.b-header {
	color: #FFFFFF;
	text-transform: uppercase;
	text-shadow: 3px 3px 3px #000000;
}
.feature {
	color: #ffff00;
	text-transform: uppercase;
	text-shadow: 3px 3px 3px #000000;
}
.b-list, .b-name, .b-info {
	color: #FFFFFF;
	text-transform: uppercase;
	text-shadow: 3px 3px 3px #000000;
}
footer {
	background: url('../img/football-bg.png') no-repeat center center;
	background: black;
	background-size: cover;
}
.add-info {
	color: #FFFFFF;
	text-shadow: 3px 3px 3px #000000;
	text-transform: uppercase;
}

a.whole-page{
	display; block;
	height: 100%;
	width: 100%;
}
a:hover{
	text-decoration: none !important;
}
a:hover > h3{
	text-decoration: none !important;
}

*{
	cursor: pointer !important;
}

.divider{
	background: url(../img/football-bg.png) no-repeat center center;
	background-size: cover;
	height: 150px;
	width: 100%;
}