@font-face {
  font-family: 'KGBrokenVesselsSketch';
  src: url('../fonts/KGBrokenVesselsSketch.eot');
  src: url('../fonts/KGBrokenVesselsSketch.woff2') format('woff2'),
       url('../fonts/KGBrokenVesselsSketch.woff') format('woff'),
       url('../fonts/KGBrokenVesselsSketch.ttf') format('truetype'),
       url('../fonts/KGBrokenVesselsSketch.svg#KGBrokenVesselsSketch') format('svg'),
       url('../fonts/KGBrokenVesselsSketch.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

.container-basket {
	margin: -100px auto 0px auto;
	background-color: #FFF;
	width: 100%!important;
	text-align: center;	
	padding: 0;
}
.bgbasket {
	display: block;
	margin: 0 auto;
	width: 100%;
	background: top center url(../img/bg/basket/bg-basket.jpg);
	background-size: cover;
	background-color: #FFF;
	padding: 50px 0px 0px 0px;
}

.basket-logos {
	display: block;
	width: 100%;
	margin-top: 0%;
	min-height: 250px;
}
	.basket-logos h1 {
		font-size: 43px;
		color: #666;
		padding-top: 60px;
		font-weight: 800;
	}
	.basket-logos h3 {
		text-align: center;
		margin: 0 auto;
		max-width: 600px;
	}
.basket-elixir {
	display: block;
	margin: 20px auto 0 auto;
	max-width: 60%;
}
.players { margin: 0 auto; }
.row-basket {
	margin: 0!important;
	padding: 0!important;
}
.videobasket {
	max-width: 60%;
	margin-top: 0%;
	margin-bottom: 7%;
}
/* Equal column height */
.row-basket {
	max-width: 1366px;
	overflow: hidden; 
	padding: 0px!important;
	margin: 0px auto 40px auto!important;
}
.equalized {
	margin-bottom: -99999px;
	padding-bottom: 99999px;		
	padding-left: 0!important;
	padding-right: 0!important;
	margin-left: 0!important;
	margin-right: 0!important;
}
.col-basket {	
	margin-left: 0!important;
	padding-left: 0!important;
}
.col-charity {	
	margin-right: 0!important;
	padding-right: 0!important;
}

.basket, .charity { 
	background: #3E3E3E;
	margin-top: 5%;
	padding-left: 0!important;
	padding-right: 0!important;
	margin-left: 0!important;
	margin-right: 0!important;
}
.hba-players, .hands  { width: 100%; }
.basket { 
	margin-right: 1%; 
}
.charity { margin-left: 1%; }
.basket p, .charity p {
	color: #FFF;
	text-shadow: 2px 2px 2px #000;
	text-align: left;
	font-size: 18px;
	padding: 0px 40px 0px 40px;
	margin: 0px 0px 20px 0px;
	line-height: 1.6;
}
.basket p:first-of-type, .charity p:first-of-type { padding-top: 40px!important; padding-bottom: 0; }
.basket a { color: #268854; text-decoration: none; }
.basket a:hover { color: #FFF; }
.charity a { color: #ff0000; text-decoration: none; }
.charity a:hover { color: #FFF; }
.hba-logo { z-index: 10; margin-top: -22%; }
.charity-logo { z-index: 10; margin-top: -22%; }


@media (max-width: 990px) { 
	.container-basket {
		margin: 0 auto;
	}
	.basket-logos h1 {
		padding-top: 0px;
	}
}

@media (max-width: 768px) { 
	.basket-logos h1 { font-size: 30px;padding-right: 40px; padding-left: 40px; }
	.basket-logos h3 { font-size: 20px; padding-right: 40px; padding-left: 40px; }
	.basket-elixir {
		margin: 0px auto 0 auto;
		max-width: 80%;
	}	
	.row-basket { 
		width: 100%;
		margin: 0 auto!important;
	}
	.equalized { 
		margin: 0!important;
		padding: 0!important;
	}
	.basket, .charity {
		width: 100%;
		margin: 10px 0px 10px 0px!important;
		padding: 0px 0px 20px 0px!important;
	}

	.col-basket, .col-charity { 
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	.videobasket {
		max-width: 80%;
		margin-top: 0%;
	}	
}

@media (max-width: 660px) { 
	.basket-elixir {
		display: block;
		margin: 20px auto 0 auto;
		max-width: 96%;
	}
	.basket p, .charity p {
		font-size: 16px!important;
	}
}

@media (max-width: 480px) {
	.basket-logos { min-height: auto!important; margin-bottom: 40px; }
	.basket-logos h1 { padding-top: 0px;}
	.videobasket {
		max-width: 90%;
		margin-top: 0%;
	}
	.basket-logos h1 { font-size: 20px;padding-right: 20px; padding-left: 20px; }
	.basket-logos h3 { font-size: 18px; padding-right: 20px; padding-left: 20px; }
}