body {
  background-image: url(/media/bg-image.png);
  background-repeat: repeat;
}
nav a {font-size: 25px!important; padding: 10px!important;}
body > div > .row.content {
	background: #212529d9;
	color: #fff;
}
.card {
	    background: transparent;
    border: none;
}
.sticky {
height: 321px;
min-height: 321px;
overflow: auto;
position: -webkit-sticky;
position: sticky;
top: 5%;
}
.btn-primary {
    color: #fff!important;
    background-color: #6175b3!important;
    border-color: #6175b3!important;
}
.btn-purple {
	background-color:  #6175b3;
	color: #fff;
}
h1 {font-size: 25px!important;}
h2 {font-size: 22px!important;}
h3 {font-size: 20px!important;}
.nav-item {
  border-radius: 5px;
background-color: #6175b3;
}
.nav-item:not(:last-of-type) {
  margin-right: 10px;
}
body > div > div > div.col-md-4 > div:nth-child(3) > div.card.my-4.p-4 > h5 {
	padding: 0 0 10px;
}
a {color: #6175b3; font-weight: 900;}
.img-logo {
	    width: 100px;
		margin: 0 auto;
		display: block;
}
div.card.my-4 {
	background: transparent;
	border: none;
	}
div.card.my-4 > * {
	border: none;
}	
.card-header {
	background-color: transparent;
}
.logo-text {
color: #7ed6d2;
    font-family: fantasy;
    font-style: oblique;
    font-size: 30px;
    vertical-align: top;
    text-shadow: black;
    text-shadow: 3px 3px 0px #17171a;
}
.banner-holder {padding: 0px;}
.banner-holder img {width: 100%;}

.live-score {
	height: 335px;
    overflow: hidden;
    margin: 0px auto 10px;
}