body {
  	font-family: "Exo 2", sans-serif !important;
	color: #3F3F73;
	background: transparent;
}

h1 {
  font-weight: 700; font-size: 48px; line-height: 1;
}

h2 {
  font-weight: 700; !important; margin-bottom: 50px;
}

h2 span {
  font-weight: 700; !important;
}

h4 {
  font-size: 18px; font-weight: 700 !important;
}

.container{
 	width: 91% !important; 
}


@media (max-width: 768px) {
  h1 {
    font-size: 28px;
  }

  h2 {
    font-size: 22px;
  }
}

p, table td {
	font-size: 15px;
}

a {
  color: #FFF27B; font-size: inherit;
}

a:focus, a:hover, a:active {
  color: #FFF27B;
}

.btn-xl {
  padding: 10px 15px;
}

.btn-social {
  width: 3.25rem;
  height: 3.25rem;
  font-size: 1.25rem;
  line-height: 2rem; }

.scroll-to-top {
  z-index: 1042;
  right: 1rem;
  bottom: 1rem;
  display: none; }
  .scroll-to-top a {
    width: 3.5rem;
    height: 3.5rem;
    background-color: rgba(33, 37, 41, 0.5);
    line-height: 3.1rem; }

#mainNav {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 5px;
  margin-right: 0px;
  width: 100%;
	background-color: transparent;
  font-weight: 700;
	font-family: 'Exo 2', sans-serif; }
	#mainNav img {
		height: 18%;
		width: 18%;
	}
  #mainNav .navbar-brand {
    color: #fff; }
  #mainNav .navbar-nav {
    margin-top: 1rem;
    letter-spacing: 0.0625rem; }
    #mainNav .navbar-nav li.nav-item a.nav-link {
      color: #fff; }
      #mainNav .navbar-nav li.nav-item a.nav-link:hover {
        color: #FFF27B; }
      #mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
        color: #fff; }
      #mainNav .navbar-nav li.nav-item a.nav-link.active {
        color: #FFF27B; }
			#mainNav .navbar-toggler {
				font-size: 80%;
				#padding: 0.8rem; 
				font-family: 'Exo 2', sans-serif;}
			#mainNav .logo-text {
				line-height: 90%;
				font-weight: 900;
              	font-size: 20px;
				margin-bottom: 0px !important; }
			#mainNav .text-yellow {
			color: #FFF27B !important; }
			#mainNav .text-blue {
				color: #5EC2D2 !important; }
				
#mainNav a {
  font-size: 12px;
} 

@media (min-width: 992px) {
  #mainNav {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    margin-bottom: 5px;
    width: 100%;
    -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
    -moz-transition: padding-top 0.3s, padding-bottom 0.3s;
    transition: padding-top 0.3s, padding-bottom 0.3s; }
    #mainNav .navbar-brand {
      font-size: 2em;
      -webkit-transition: font-size 0.3s;
      -moz-transition: font-size 0.3s;
      transition: font-size 0.3s; }
    #mainNav .navbar-nav {
      margin-top: 0;
      margin-right: 0; }
    #mainNav .navbar-nav > li.nav-item > a.nav-link.active {
      color: #FFF27B; }
      #mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
        color: #FFF27B; }
  #mainNav.navbar-shrink {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
	background-color: rgb(63,63,115);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
    
  }
    #mainNav.navbar-shrink .navbar-brand {
      font-size: 1.5em; } 
}

#header-content {
	padding-top: 50px;
}

header.masthead {
  padding-top: 130px;
  padding-bottom: 6rem; 
	background-color: #3F3F73 !important;
  position: relative; text-align: center;
}

@media (max-width: 992px) {
  header.masthead {
    text-align: left;
  } 
  
  #mainNav {
  	background-color: rgb(63,63,115);
  }
}

.section-img{
	max-width: 100%;
	max-height: 100%;
}

.footer {
	padding: 10px;
  background-color: #3F3F73;
  color: #FFF; }

.copyright {
  background-color: #1a252f; }

.btn {
  border-width: 1px;
}

.bg-purple {
	background-color: #3F3F73 !important;}

.bg-yellow {
	background-color: #FFF27B !important;}

.bg-blue {
	background-color: #5EC2D2 !important;}

.text-purple {
  color: #3F3F73 !important; }

.text-yellow {
  color: #FFF27B !important; }

.text-blue {
  color: #5EC2D2 !important; }
	
.borderless td, .borderless th {
	border: none;
}

.card {
  border: 0px solid #3F3F73; overflow: hidden;
}

.card img {
  width: 100%;
}

hr {
  background-color: #3F3F73;
}

#sponsors .card, #about .card {
	border: 0px !important;
}

.purple-grad {
  position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0;
}

.loopingBg {
  width: 100%; height: 100%; z-index: 0; position: absolute; top: 0; left: 0; white-space: nowrap; font-size: 0; overflow: hidden;
}

.loopingBg > div {
  height: 100%; display: inline-block; 
}

.loopingBg img {
  width: auto; height: 100%; display: inline-block; 
}

@media (max-width: 992px) {
  .purple-grad {
    opacity: 0.5;
  }

  .loopingBg {
    opacity: 0.5;
  }  
}

.registerBtn {
  margin-bottom: 0px; font-weight: bold; margin-top: 20px;
}

.preEventContainer {
  margin-bottom: 50px; border-bottom: 1px solid #3F3F73; padding-bottom: 50px;
}

.preEventContainer a {
  color: #5EC2D2;
}

#Challenges .card-body-text {
	margin-top: 30px;
}

.sponsorCat {
  width: 100%;
  text-align: center;
}

.container .sponsorCat:first-of-type {
  margin-top: 0;
}

.sponsorCat h4 {
  width: 100%; border-bottom: 0px solid #3F3F73; padding-bottom: 5px; font-weight: 700; font-size: 2rem !important;
}

.sponsorCat img {
  #width: 80%;
}

.figure ul {
	list-style: disc outside none !important;
}

.btn-outline-purple {
    color: #f8f9fa;
    background-color: #5EC2D2;
    background-image: none;
    border-color: none;
}

.btn-outline-purple:hover {
    color: #ffffff;
    background-color: rgb(63,63,115);
    border-color: rgb(63,63,115);
}

.platinum-sponsor {
  width: 70%; height: auto;
  max-width: 700px;
}

.gold-sponsor {
  width: 60%; height: auto;
  max-width: 700px;
}

.gold-sponsor.sginnovates {
	width: 35%;
}
  
.silver-sponsor {
  width: 30%; height: auto;
}

.bronze-sponsor {
  width: 25%; height: auto;
}

.venue-sponsor {
	width: 35%; height: auto;
}

.supporting-partner {
  width: 35%; height: auto;
}

.supporting-partner.redbull {
	width: 25%; height: 50%;
}

.supporting-partner.igloohome {
	width: 50%; height: 50%;
}

.sponsorCat a {
  display: inline-block; text-align: center; vertical-align: middle;
}

.sponsorCat-top {
	padding: 50px 0 25px 0;
}

.sponsorCat-middle {
	padding: 50px 0;	
}

.sponsorCat-bottom {
	padding: 25px 0 50px 0;
}

@media (min-width: 992px) {
}

.videowrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin-bottom: 20px;
}

.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}