#tabs {
  overflow: hidden;
  width: 100%;
  margin:15px 0 0 15px;
  padding: 0;
  list-style: none;
  background:#036;
}

#tabs li {
  float: left;
  margin: 0 5px 0 0;
}

#tabs a {
  position: relative;
  background:none;
  padding:10px 30px;
  float: left;
  text-decoration: none;
  color: #fff;
  border-radius:0;
  font-size:16px;
  letter-spacing:0.5px;
  font-family: 'Didact Gothic', sans-serif;
  text-transform:uppercase;
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after {
  background: #ffd525;
  color:#000;
}

#tabs a:focus {
  outline: 0;
}

#tabs a::after {
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
  background: #fff;
}

#tabs #current a,
#tabs #current a::after {
  background: #ffd525;
  z-index: 3;
  color:#000;
}

#content {
  background:#fff;
  /*border:1px solid #cec3ce;*/
  padding:25px 15px 0 15px;
  height: auto;
  position: relative;
  z-index: 2; 
  border-radius: 0 5px 5px 5px;
}

.courses-cont-section {
	margin:0 auto;
	padding:0;
}

.courses-cont-section-left {
	margin:0;
	padding:0;
}

.courses-cont-section-left h1{
	margin:0;
	padding:0 0 15px 0;
	font-size:24px;
	line-height:28px;
	text-align:left;
	color:#044e87;
	font-weight:300;
	text-transform:none;
	font-family: 'Playfair Display', serif;
}

.courses-cont-section-left h1 span{
	color:#C00;
	font-family: 'Didact Gothic', sans-serif;
	font-weight:normal;
}

.courses-cont-section-left h2{
	margin:0;
	padding:8px 25px 8px 15px;
	display:table;
	font-size:18px;
	text-transform:uppercase;
	line-height:28px;
	text-align:left;
	color:#044e87;
	background:#ededed;
	font-weight:300;
    font-family: 'Didact Gothic', sans-serif;
	letter-spacing:1px;
	border-radius:0 30px 0 0;
	border-left:5px solid #dbd7d7;
}

.courses-cont-section-left h2 span{
	font-weight:bold;
	font-size:22px;
}

.courses-cont-section-left ul {
	margin:0 0 20px 0;
	padding:0;
}

.courses-cont-section-left ul li{
	font-size:14px;
	text-align:left;
	margin:0;
	padding:5px 0;
	color:#333;
	letter-spacing:0.8px;
	list-style:none;
	border-bottom:1px dashed #CCC;
}


.courses-cont-section-right {
	margin:0;
	padding:0;
}



@media (min-width: 320px) and (max-width: 480px){
	#tabs {
	  overflow: hidden;
	  width: 100%;
	  margin:5px 0 0 0;
	  padding: 0;
	  list-style: none;
	  background:#036;
	}
	
	#tabs a {
	  position: relative;
	  padding:5px 28px;
	  float: left;
	  text-decoration: none;
	  color: #fff;
	  border-radius:0;
	  font-family:'Quicksand', sans-serif;
	  font-size:11px;
	  border:1px solid #666;
	}
	
	#tabs a:hover,
	#tabs a:hover::after,
	#tabs a:focus,
	#tabs a:focus::after {
	  background: #ffd525;
	  color:#000;
	}
	
	#tabs a:focus {
	  outline: 0;
	}
	
	#tabs a::after {
	  position:absolute;
	  z-index: 1;
	  top: 0;
	  right: -.5em;  
	  bottom: 0;
	  width: 1em;
	  background: #fff;
	
	}
	
	#tabs #current a,
	#tabs #current a::after {
	  background: #ffd525;
	  z-index: 3;
	  color:#000;
	}
	
	#content {
	  background:#ededed;
	  border-top:1px solid #cec3ce;
	  padding:25px 15px 0 15px;
	  height: auto;
	  position: relative;
	  z-index: 2; 
	  border-radius: 0 5px 5px 5px;
	}
	
	.courses-cont-section {
		margin:0 auto;
		padding:0;
	}
	
	.courses-cont-section-left {
		margin:0;
		padding:0;
	}
	
	.courses-cont-section-left h1{
		margin:0;
		padding:0 0 10px 0;
		font-size:16px;
		line-height:20px;
		text-align:left;
		color:#044e87;
		font-weight:300;
		text-transform:none;
		font-family: 'Playfair Display', serif;
	}
	
	.courses-cont-section-left h1 span{
		color:#C00;
		font-family: 'Didact Gothic', sans-serif;
		font-weight:normal;
	}
	
	.courses-cont-section-left h2{
		margin:0;
		padding:4px 25px 4px 10px;
		display:table;
		font-size:14px;
		text-transform:uppercase;
		line-height:28px;
		text-align:left;
		color:#044e87;
		background:#fff;
		font-weight:300;
		font-family: 'Didact Gothic', sans-serif;
		letter-spacing:1px;
		border-radius:0 30px 0 0;
		border-left:5px solid #dbd7d7;
	}
	
	.courses-cont-section-left h2 span{
		font-weight:bold;
		font-size:18px;
	}
	
	.courses-cont-section-left ul {
		margin:0 0 20px 0;
		padding:0;
	}
	
	.courses-cont-section-left ul li{
		font-size:13px;
		text-align:left;
		margin:0;
		padding:3px 0;
		color:#333;
		letter-spacing:0.5px;
		list-style:none;
		border-bottom:1px dashed #CCC;
	}
	
	.courses-cont-section-right {
		margin:0;
		padding:0;
	}
	
	

}

@media (min-width: 768px) and (max-width: 979px){
	#tabs {
	  overflow: hidden;
	  width: 100%;
	  margin:5px 0 0 15px;
	  padding: 0;
	  list-style: none;
	  background:#353435;
	}
	
	#tabs a {
	  position: relative;
	  padding:7px;
	  float: left;
	  text-decoration: none;
	  color: #fff;
	  border-radius:0;
	  font-family:'Quicksand', sans-serif;
	  font-size:13px;
	}
	
	#tabs a:hover,
	#tabs a:hover::after,
	#tabs a:focus,
	#tabs a:focus::after {
	  background: #ffd525;
	  color:#000;
	}
	
	#tabs a:focus {
	  outline: 0;
	}
	
	#tabs a::after {
	  position:absolute;
	  z-index: 1;
	  top: 0;
	  right: -.5em;  
	  bottom: 0;
	  width: 1em;
	  background: #fff;
	
	}
	
	#tabs #current a,
	#tabs #current a::after {
	  background: #ffd525;
	  z-index: 3;
	  color:#000;
	}
	
	#content {
	  background:#fff;
	  border-top:none;
	  padding:25px 15px 0 15px;
	  height: auto;
	  position: relative;
	  z-index: 2; 
	  border-radius: 0 5px 5px 5px;
	}
	
	.courses-cont-section {
		margin:0 auto;
		padding:0;
	}
	
	.courses-cont-section-left {
		margin:0;
		padding:0;
	}
	
	.courses-cont-section-left h1{
		margin:0;
		padding:0 0 10px 0;
		font-size:16px;
		line-height:20px;
		text-align:left;
		color:#044e87;
		font-weight:300;
		text-transform:none;
		font-family: 'Playfair Display', serif;
	}
	
	.courses-cont-section-left h1 span{
		color:#C00;
		font-family: 'Didact Gothic', sans-serif;
		font-weight:normal;
	}
	
	.courses-cont-section-left h2{
		margin:0;
		padding:4px 25px 4px 10px;
		display:table;
		font-size:14px;
		text-transform:uppercase;
		line-height:28px;
		text-align:left;
		color:#044e87;
		background:#ededed;
		font-weight:300;
		font-family: 'Didact Gothic', sans-serif;
		letter-spacing:1px;
		border-radius:0 30px 0 0;
		border-left:5px solid #dbd7d7;
	}
	
	.courses-cont-section-left h2 span{
		font-weight:bold;
		font-size:18px;
	}
	
	.courses-cont-section-left ul {
		margin:0 0 20px 0;
		padding:0;
	}
	
	.courses-cont-section-left ul li{
		font-size:13px;
		text-align:left;
		margin:0;
		padding:3px 0;
		color:#333;
		letter-spacing:0.5px;
		list-style:none;
		border-bottom:1px dashed #CCC;
	}
	
	.courses-cont-section-right {
		margin:0;
		padding:0;
	}
}

@media (min-width: 980px) and (max-width:1200px){
	#tabs {
	  overflow: hidden;
	  width: 100%;
	  margin:15px 0 0 15px;
	  padding: 0;
	  list-style: none;
	  background:#036;
	}
	
	#tabs li {
	  float: left;
	  margin: 0 5px 0 0;
	}
	
	#tabs a {
	  position: relative;
	  background:none;
	  padding:10px 15px;
	  float: left;
	  text-decoration: none;
	  color: #fff;
	  border-radius:0;
	  font-size:15px;
	  letter-spacing:0.5px;
	  font-family: 'Didact Gothic', sans-serif;
	}
	
	#tabs a:hover,
	#tabs a:hover::after,
	#tabs a:focus,
	#tabs a:focus::after {
	  background: #ffd525;
	  color:#000;
	}
	
	#tabs a:focus {
	  outline: 0;
	}
	
	#tabs a::after {
	  position:absolute;
	  z-index: 1;
	  top: 0;
	  right: -.5em;  
	  bottom: 0;
	  width: 1em;
	  background: #fff;
	
	}
	
	#tabs #current a,
	#tabs #current a::after {
	  background: #ffd525;
	  z-index: 3;
	  color:#000;
	}
	
	#content {
	  background:#fff;
	  border-top:none;
	  padding:25px 15px 0 15px;
	  height: auto;
	  position: relative;
	  z-index: 2; 
	  border-radius: 0 5px 5px 5px;
	}
}