html, body {
 margin: 0;
 scroll-behavior: smooth;
}

body {
 	background-color: #fff;
	background-image:url(images/_bg.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	font-family: 'Montserrat', sans-serif;
	font-size: 16pt;
	line-height: 20pt;
	margin: 0;
	padding: 0;
	letter-spacing: 0px;
	text-align: left;
	color: #000;
}

.oneColElsCtrHdr #container {
	width: 100%;
	background: none;
	margin: 0 auto;
	border: none;
	text-align: left;
	padding-top:0px;
	padding-bottom:60px;
}

.oneColElsCtrHdr #header { 
	background-color:none;
	margin-top:0px;
	text-align: left;
	padding-bottom:20px;
	padding-top: 0px;
	text-transform:uppercase;
	letter-spacing:0px;
	width:100%;
} 

.oneColElsCtrHdr #navigation { 
	background-color:none;
    font-size:20pt;
    line-height: 30pt;
	margin-top:0px;
	text-align: center;
	padding-bottom:30px;
	padding-top: 30px;
	text-transform:uppercase;
	letter-spacing:0px;
	width:100%;
} 

.oneColElsCtrHdr #footer { 
 	background-color: #FFFFFF;
	color:000000;
	margin-top:0px;
    padding:50px;
	text-align: center;
	padding-bottom:50px;
	padding-top: 50px;
} 

.oneColElsCtrHdr #promo { 
	background-color: #7fe849;
	margin-top: 0px;
    padding:20px;
	text-align: left;
	padding-bottom: 40px;
	padding-top: 40px;
	text-transform: uppercase;
} 

.oneColElsCtrHdr #live { 
	background-color: #7fe849;
	margin-top: 0px;
    padding:20px;
	text-align: left;
	padding-bottom: 40px;
	padding-top: 40px;
	text-transform: uppercase;
} 

.oneColElsCtrHdr #about {  
	background-color: #761cf2;
    color: #FFF;
	font-size: 14pt;
	line-height: 30pt;
	margin-top: 0px;
    padding:50px;
	text-align: justify;
	padding-bottom: 40px;
	padding-top: 40px;
}

.oneColElsCtrHdr #schedule {  
	background-color: #0eb5e1;
    color: #FFF;
	font-size: 14pt;
	line-height: 30pt;
	margin-top: 0px;
    padding:50px;
	text-align: left;
	padding-bottom: 40px;
	padding-top: 40px;
}

.oneColElsCtrHdr #wheretowatch {  
	background-color: #c51379;
    color: #FFF;
	font-size: 14pt;
	line-height: 30pt;
	margin-top: 0px;
    padding:50px;
	text-align: left;
	padding-bottom: 40px;
	padding-top: 40px;
}

h1 {
    color: #FFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 50pt;
	line-height: 60pt;
	margin-bottom: 20px;
    margin-top: 0px;
	padding: 0;
	letter-spacing: 0px;
    text-align: center;
}

h2 {
    color: #FFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 25pt;
	line-height: 30pt;
	margin-bottom: 20px;
    margin-top: 0px;
	padding: 0;
	letter-spacing: 0px;
    text-align: center;
}

a:link {
	font-size:20pt;
    line-height:20pt;
	letter-spacing:0px;
	color: #761cf2;
	text-decoration: none;
}
a {
	color: #761cf2;
   outline: 0;
}

a:visited {
	text-decoration: none;
	color: #761cf2;
}
a:hover {
	text-decoration: none;
	color: #faafff;
}
a:active {
	text-decoration: none;
	color: #000;
}






.video-container{
max-width: 1200px;}

.video-wrap {
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
	max-width: 100%;
} 

.video-wrap iframe, 
.video-wrap object, 
.video-wrap embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

.date{
    background-color: #c51379;
    color: #FFF;
	font-size: 14pt;
	line-height: 30pt;
    text-align: center;
    vertical-align: top;
}

.title{
    background-color: #FFFFFF;
    color: #c51379;
	font-size: 14pt;
	line-height: 30pt;
    text-align: right;
}







* {
  box-sizing: border-box;
}

.row {
  margin-left:-5px;
  margin-right:-5px;
}
  
.column {
  float: left;
  width: 50%;
  padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 0px solid #ddd;
}

th, td {
  text-align: left;
  padding: 16px;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other on screens that are smaller than 600 px */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}









@media (min-width: 600px){
    .hide-desktop{
    display: none !important;
    }
}
 
@media (max-width: 600px){
    .hide-mobile{
    display: none !important;
    }
}