.jumbotron {margin-bottom: 0px;height: 180px;background-color: #e1e1e1;background-size: contain;padding-top: 2%;}
.main-title { color: #C09754;}

#or{ position: absolute;float: left;}
#subtag{padding: 10px 0px; }
#subtag p {text-align: center; font-size: 20px; }
#price-bar{background-color: #525252;}
#benefits{ text-align: center;}
#benefits .gray{background-color: #f5f5f5;min-height: 260px;}
#benefits h3{color: #c09754;}
#benefits img { margin: 10px auto;}

#line { padding: 1px 0; background: #c09754; width: 30%; text-align: center; margin: 15px auto;}
#txtlogo { text-align: left; }
#txtlogo #logo { float: left; margin-top: -11px; }
#explogo { left;margin: 0; padding: 0 10px 0 30px; }
 
.off20 { padding:0 0 4em 0; }
.off20 h1 {font-weight: bold;}
.off20 h4 {padding:0;line-height: 1.5;}
.off20 h4 a{color:#c09754;text-decoration:underline;}
.off20 h4 a:hover{text-decoration:none;}

#forstudents{background-color: #2c2c2c;}
#forstudents h1{text-align: center;text-transform: uppercase;font-weight: bold;color: #ffc76c;padding: 10px;}

.fw200{font-weight: 200;}
.alert { padding: 5px; margin-bottom: 20px; border: 1px solid transparent;border-radius: 4px;}
.alert-success {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;padding: 10px;}
.alert-warning {color: #8a6d3b;background-color: #fcf8e3;border-color: #faebcc;padding: 10px;}

#btn-grad {
    background: #525252;
    background: -webkit-linear-gradient(#2a2a2a, #444444, #2a2a2a);
    background: -o-linear-gradient(#2a2a2a, #444444, #2a2a2a);
    background: -moz-linear-gradient(#2a2a2a, #444444, #2a2a2a);
    background: linear-gradient(#2a2a2a, #444444, #2a2a2a);
    text-align: center;
}
/* Border Banners Fade */
.borderfade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  /* Hack to improve aliasing on mobile/tablet devices */
      padding: 20px;
}
.borderfade:hover, .borderfade:focus, .borderfade:active {
      background-color: #444444
}
.titles{color: #c09754;font-size: 33px;text-transform: uppercase;font-weight: bolder;letter-spacing: -1px;}
.benefits{ font-size: 16px;}
.youmust{color: #c09754;font-weight: bold;}
.rules{background-color: #3a3a3a;color: #fff;font-size: 12px; padding: 20px 0;}
.rules a { color: #EFA635}
.bar{clear:both;display:block;margin:0;padding:0;width:100%;height:5px;background:#B7B7B7;}
/*----------------------------------------------------------------------------------*/

@media (max-width: 768px) {
	#subtag p {text-align: center; font-size: 16px; }
	#benefits{ text-align: center;}
	#benefits .gray{background-color: #f5f5f5;min-height: auto;}
	#benefits h3{color: #c09754;}
	#benefits img { margin: 10px auto;}
	.titles{color: #c09754;font-size: 25px;text-transform: uppercase;font-weight: bolder;letter-spacing: 0;}
	.youmust{color: #c09754;font-weight: bold;}
	
	#txtlogo { text-align: center; }
	#txtlogo #logo { float: none; margin-top: -11px; }

}
@media (min-width: 992px) {
	#benefits{ text-align: center;}
	#benefits .gray{background-color: #f5f5f5;min-height: 260px;}
	#benefits h3{color: #c09754;}
	#benefits img { margin: 10px auto;}
	#benefits p {font-size: 14px;}
	.titles{color: #c09754;font-size: 33px;text-transform: uppercase;font-weight: bolder;letter-spacing: -1px;}
	.youmust{color: #c09754;font-weight: bold;}

	#txtlogo { text-align: left; }
	#txtlogo #logo { float: left; margin-top: -11px; }
}
@media (min-width: 1200px) {
	#benefits{ text-align: center;}
	#benefits .gray{background-color: #f5f5f5;min-height: 260px;}
	#benefits h3{color: #c09754;}
	#benefits img { margin: 10px auto;}
	#benefits p {font-size: 16px;}
	.titles{color: #c09754;font-size: 33px;text-transform: uppercase;font-weight: bolder;letter-spacing: -1px;}
	.youmust{color: #c09754;font-weight: bold;}
	
	#txtlogo { text-align: left; }
	#txtlogo #logo { float: left; margin-top: -11px; }


}