/*-------  GENERAL ---------*/
body {
    position: relative; 
  }
  
 .headerMenu{
 font-size:110%;
 }

 /*------------- Header ----------------*/
 .top-container {
  padding: 12px;
  text-align: center-left;
}

/*---- GAME IMAGE ---*/
.gameImage{
	height:20%;
	width:20%;
}
 
 /* Style the header */
.header {
  padding: 6px 12px;
  background: #555;
  color: #f1f1f1;
  background: linear-gradient(to bottom right, #ff9900 0%, #660033 100%);
}

/* */
 Page content.content {
  padding: 16px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}




/*------------- HOME SLIDE SHOW --

.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
--------------*/



/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 160px;
}


<!-- SOCIAL MEDIA ICONS -->

		.fa {
		  padding: 5px;
		  font-size: 15px;
		  width: 20px;
		  text-align: center;
		  text-decoration: none;
		  margin: 5px 2px;
		  border-radius: 50%;
		}

		.fa:hover {
			opacity: 0.7;
		}

		.fa-facebook {
		  background: #3B5998;
		  color: white;
		}

		.fa-twitter {
		  background: #55ACEE;
		  color: white;
		}

		.fa-linkedin {
		  background: #007bb5;
		  color: white;
		}

		.fa-youtube {
		  background: #bb0000;
		  color: white;
		}

		.fa-instagram {
		  background: #125688;
		  color: white;
		}
/* sports icons table view*/
.my-custom-scrollbar {
position: relative;
height: 450px;
width:100%;
overflow: auto;
}
.table-wrapper-scroll-y {
display: block;
}

.sportIcon{
	width:120px;
	height:120px;
	padding:1%;
}
 .carousel-inner img{
      width: 100%;
      height: 100%;
  }
 

/*-------    ZOOM LINKS Header   --------*/

.zoomHeader {
  transition: transform .2s; /*Animation */
}

.zoomHeader:hover {
  background-color:#ff9900; 
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.zoomService:hover {
  /*background-color:#660033;*/
    
  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}