body{
	margin: 0;
	padding: 0;
	background-color: white;
	height: auto;
}
div.mainHeader{
	min-height:80px;
	
}
div.contentOdd{
	background-color: #EAF5FE;
	min-height: 400px;
	padding:25px;
}
div.contentEven{
  padding:25px;
}
div.logo{
	font-family: 'Montserrat',Verdana;
	color: #20244F;
	font-size: 32px;
	font-weight: bold;
	padding-top:15px;
	padding-left: 0px;
	float: left;
}
img.sgLogo{
	max-height: 60px;
	float: left;
	margin-top:10px;
	margin-left:35px;
}
  .top-bar {
    background-color: #ffffff;
    padding: 0.5rem 1rem;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  }
  @media screen and (min-width: 640px) {
  .top-bar {
    margin-top: 13px;
  }
}
  .dropdown.menu > li > a {
    color: #392c76;
    font-weight: 600;
    padding: 0.75rem 1rem;
    transition: background 0.2s ease;
  }

  .dropdown.menu > li > a:hover {
    background-color: #f5f5ff;
  }

  .title-bar {
    background-color: #392c76 !important;
    padding: 0.5rem 1rem;
  }

  .title-bar-title {
    color: #fff;
    font-weight: bold;
  }

  .menu-icon {
    color: white;
  }

  #mobile-nav li a {
    display: block;
    padding: 1rem;
    color: #392c76;
    font-weight: 600;
    border-bottom: 1px solid #eee;
    transition: background 0.2s ease;
  }

  #mobile-nav li a:hover {
    background-color: #f5f5ff;
  }
  h1.contentHeading{
  	font-family: 'Montserrat',Verdana;
	font-weight: bold;
	font-size:3rem;
	color: #20244F;
  }
  h1.even{
    margin-top:10px;
  }
  h2.tileHeading{
      font-family: 'Montserrat',Verdana;
  font-weight: bold;
  font-size:1.9rem;
  color: #20244F;
  margin-top:10px; 
  }
  p.contentText{
  	font-family: 'Montserrat',Verdana;

	font-size:1.37rem;
	color: #20244F;
  }
  img.leap{
  	max-height: 250px;
  	margin:0px auto;
  	display: block;
  	max-width: 100%;
	height: auto;
  }
  div.centerContent{
  	display: flex;
    justify-content: center;   /* centers horizontally */
    align-items: center;   
    height:350px;
  }
  p.tileText{
    color: #20244F;
    font-family: "Montserrat",Verdana;
  }
  div.footerContain{
    height:auto;
    color: #EAF5FE;
    background-color:#20244F;
    font-family: 'Montserrat', Verdana;
    padding:0px 25px;
    padding-top:10px;
  }
  div.footerContain ul li{
    list-style-type: none;
  }
  h3.footerHeader{
    font-family: 'Montserrat', Verdana;
    font-weight: bold;
    font-size:1.2rem;
  }
  table.liveScoring{
    width:70%;
  }
  table.liveScoring td, table.liveScoring th{
    text-align: center;
  }
  table td.scores{
    width:auto;
    max-width: max-content;

  }