body {
	background-color: #333;
}

@media (max-width: 768px) {
  h2 {
      font-size: 24px;
  }
}

@media (max-width: 550px) {
  .purple-bar img {
    display: none;
  }
}

.black-bar {
	background-color: #333;
	color: #999;
	min-height: 100px;
	padding-top: 10px;
}

.black-bar a {
	color: #bbb;
}
.purple-bar {
	background-color: #62259a;
	color: #fff;
	border-bottom: 6px solid #fff;
	height: 80px;
}

.white-bar {
	background-color: #e8e8e8;
	border-bottom: 6px solid #444;
}

.content {
	min-height: 400px;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

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

.scout-logo img {
  margin-top: 60px;
  width: 100px;
}

@media(min-width: 768px) {
  .mobile-only {
    display: none;
  }
}

@media(max-width: 768px) {
  .scout-logo img {
    margin: 20px 0;
  }

  .mobile-only {
    display: block;
  }

  .top-logo {
    display: none;
  }

  .referral {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
  }

  .referral:last-child {
    border-bottom: none;
  }
}