.jumbotron {margin-bottom: 0px;
    height: 180px;
    background: url(../jumbotron-back.jpg);
    background-color: #e1e1e1;
    background-size: contain;
    padding-top: 2%;
}

#off20 {background-color: #f5f5f5;}
.txt20off {padding: 70px 0px 50px 20px;}
#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;}
#benefits p {font-size: 16px;}

#forstudents{background-color: #2c2c2c;}
#forstudents h1{text-align: center;text-transform: uppercase;font-weight: bold;color: #ffc76c;padding: 10px;}
#freeyear{padding: 30px 0px;}
#freeyear h1 {text-transform: uppercase;font-weight: bold;}
#freeyear p {font-size: 16px;}
#studentlink {background-color: #F1F1F1}
#studentlink a{color: #f05424;text-decoration: underline;}
.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;}
	#benefits p {font-size: 14px;}
	.titles{color: #c09754;font-size: 25px;text-transform: uppercase;font-weight: bolder;letter-spacing: 0;}
	.youmust{color: #c09754;font-weight: bold;}
}
@media (min-width: 992px) {
	#benefits{ text-align: center;}
	#benefits .gray{background-color: #f5f5f5;min-height: 220px;}
	#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;}
}
@media (min-width: 1200px) {
	#benefits{ text-align: center;}
	#benefits .gray{background-color: #f5f5f5;min-height: 220px;}
	#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;}
}