@media screen and (max-width: 1280px) {

.pa-head {
	width:100%;
	background:url(../_/pa-head.jpg) no-repeat right center;
	background-size:cover
}

.pa-head h1 {
	display:block;
	float:left;
	padding:200px 0 0 5%;
	margin:0 0 10px 0;
	color:#434343;
	font-size:4.2em;
	width:100%;
	font-weight:300
}

.pa-head h2 {
	display:block;
	float:left;
	padding:0 0 0 10%;
	margin:0;
	color:#fff;
	font-size:3.8em;
	font-weight:300
}

.edu-head {
	padding:200px 5%;
}

.featured-content-links-33 {
	width:33.33333333333333%;
	padding-bottom:25%;
}

.featured-content-links a span.featured-content-links-overlay {
	top:50%;
}

.featured-content-links a:hover span.featured-content-links-overlay {
	top:45%;
}

.main-container {
	background:#fff;
	width:100%;
	margin:0 auto;
	position:relative;
}

header {
	width:100%;
	padding:10px 5% 0 5%;
	text-align:center;
}

.main-wrap {
	width:100%;
	padding:25px 5% 50px 5%;
}

.columns {
	width:90%;
	margin:0 5% 40px 5%;
}


.reference {
	padding:40px 5% 0 5%;
}

footer {
	padding:50px 5% 0 5%;
}

a.cc-thumb {
	padding-bottom:45%;
}

}	

@media screen and (max-width: 1024px) {
	
.social-panel {
	display:none;
}

.featured-content-links-25 {
	width:50%;
	padding-bottom:25%;	
}

.featured-content-links a span.featured-content-links-overlay {
	top:43%;
}

.featured-content-links a:hover span.featured-content-links-overlay {
	top:40%;
}

.columns {
	width:100%;
	margin:0 0 40px 0;
	font-weight:400;
	padding:0;
	-moz-column-count: 2;
	-moz-column-gap:40px;
		-webkit-column-count: 2;
		-webkit-column-gap:40px;
			column-count: 2;
			column-gap:40px;
}

.pa-head {
	width:100%;
	height:450px;
	background:#a1b20c url(../_/pa-head.jpg) no-repeat right center;
	background-size:cover
}

.pa-head h1 {
	display:block;
	float:left;
	padding:170px 0 0 4%;
	margin:0 0 10px 0;
	color:#434343;
	font-size:3.8em;
	width:100%;
}

.pa-head h2 {
	display:block;
	float:left;
	padding:0 0 0 7%;
	margin:0;
	color:#fff;
	font-size:3.8em;
	font-weight:400
}


.pa-info h1 {
	position:absolute;
	top:10%;
	font-size:2.0em;
	left:0;
	width:40%;
	z-index:667;
	padding-left:5%
}

.callbacks_container {
  position: relative;
  float: left;
  width:100%;
  padding:0;
  background:#f3f3f3
  }

.callbacks_nav {
  left:0;
  }
  
.callbacks_nav.next {
  	right:0;
	background-size:18%;
}

.callbacks_nav.prev {
	background-size:18%;
}

.video-row .col-75 {
	width:100%
}

.vid-nav {
	float:left;
	width:100%;
	border-top:1px solid #e6e6e6;
	list-style:none;
}

.vid-nav li a {
	font-size:1.0em;
	padding:20px 15px;
	line-height:1.2em
}

.vid-nav li a:link, .vid-nav li a:visited {
	border-bottom:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
}

.vid-nav li a:hover, .vid-nav li a:active {
	border-bottom:1px solid #8fb91c;
	border-right:1px solid #8fb91c;
	border-left:1px solid #8fb91c;
	background:#8fb91c;
	color:#fff
}

a.cc-thumb {
	padding-bottom:50%;
}

}

@media screen and (max-width: 960px) {
	
.featured-content-links-33 {
	width:100%;
	padding-bottom:25%;
}

.featured-content-links a span.featured-content-links-overlay {
	top:55%;
}

.featured-content-links a:hover span.featured-content-links-overlay {
	top:50%;
}
	
header {
	width:100%;
	padding:10px 2.5% 0 2.5%;
	text-align:center;
}
	
.col-33 {
	width:100%;
	padding:25px 0;
}

.col-66 {
	width:100%
}

article.cc .col-66 {
	width:100%;
	border-bottom:1px solid #e6e6e6
}

article.cc .col-33 {
	width:100%;
	padding:30px 30px;
	height:300px;
}

.pa-info h1 {
	display:none;
}

.pa-info {
	width:100%;
	position:relative;
	background:url(../_/blt-bar-mobile.jpg) center center;
	background-size: cover;
	height:600px;
}

.pa-info img {
	display:none;
}

.course {
	padding:15px 15px 25px 15px;
	border-right:1px solid #e6e6e6
}

.course a.crs-a {
	position:static;
	height:auto;
	display:block;
	font-size:1.32em;
	font-weight:600;
	text-transform:uppercase;
	padding:15px 0 0 5px;
}

.course a.crs-a:link, .course a.crs-a:visited {
	border-left:none;
	border-right:none;
}

.course a.crs-a:hover, .course a.crs-a:active {
	border-left:none;
	border-right:none;
	background:none;
	color:#8fb91c
}

.reference {
	padding:40px 5% 40px 5%;
	border-bottom:1px solid #ddd;
}

.reference .col-33, .reference .col-25 {
	width:100%;
	margin:0
}

.reference a {
	height: auto;
	font-size:1.4em;
	font-weight:400;
	text-align:center;
	margin-bottom:0;
	padding:30px;
	border-top:1px solid #ddd;
	border-bottom:none;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}

.edu-head {
	width:100%;
	padding:160px 5%;
	background:url(../_/edu-head.jpg) no-repeat right center;
	background-size:cover;
	text-align:center
}

.edu-head h1 {
	font-size:2.2em;
	font-weight:600;
	text-align:left;
}

.edu-head h2 {
	font-size:2.2em;
	font-weight:600;
	text-align:left;
	padding-left:8%;
}

.pa-head {
	width:100%;
	height:350px;
	background:url(../_/pa-head-tablet.jpg) no-repeat right center;
	background-size:cover
}

.pa-head h1 {
	display:block;
	float:left;
	padding:130px 0 0 5%;
	margin:0 0 10px 0;
	color:#434343;
	font-size:3.2em;
	width:100%;
	text-transform:none
}

.pa-head h2 {
	display:block;
	float:left;
	padding:0 0 0 9%;
	margin:0;
	color:#fff;
	font-size:3.2em;
	font-weight:300
}

.submit h1 {
	font-size:2.0em;
	padding:0 2.5%;
}

.signup-container-outer-wrap {
	margin:10% auto 0 auto;
	padding:15px;
	width:90%;
	background:rgba(255,255,255,0.6)
}

a.cc-thumb {
	width:50%;
	padding-bottom:65%;
}

a.cc-thumb.stroke-right {
	border-right:none
}

.reference .col-50 {
	width:100%;
}

}

@media screen and (max-width: 768px) {
	
header {
	width:100%;
	padding:5px 2% 0 2%;
	text-align:center;
}

header h1 a#logo-pro {
	background:url(../_/logo-pro-arch.svg) no-repeat right center;
	width:48%;
	height:50px;
}

header h1 a#logo-str {
	background:#fff url(../_/logo-str.svg) no-repeat left center;
	width:48%;
	height:50px;
}

nav {
	float:left;
	width:100%;
	margin:0 0;
	height:50px;
}

nav a {
	height:50px;
}

.main-wrap {
	padding:25px 2.5% 50px 2.5%;
}
	
.featured-content-links-25 {
	width:50%;
	padding-bottom:40%;	
}

.featured-content-links-33 {
	width:100%;
	padding-bottom:25%;
}

.featured-content-links a span.featured-content-links-overlay {
	top:40%;
}

.featured-content-links a:hover span.featured-content-links-overlay {
	top:35%;
}

blockquote {
	padding:120px 5% 30px 5%;
}

a:link.twitter, a:visited.twitter {
	background:#f1f1f1 url(../_/icn-twitter.png) no-repeat center center;
	background-size:24%;
}

a:hover.twitter, a:active.twitter {
	background:#fff url(../_/icn-twitter.png) no-repeat center center;
	background-size:24%;
}

a:link.linkedin, a:visited.linkedin {
	background:#f1f1f1 url(../_/icn-linkedin.png) no-repeat center center;
	background-size:24%;
}

a:hover.linkedin, a:active.linkedin {
	background:#fff url(../_/icn-linkedin.png) no-repeat center center;
	background-size:24%;
}

a:link.youtube, a:visited.youtube {
	background:#f1f1f1 url(../_/icn-youtube.png) no-repeat center center;
	background-size:24%;
}

a:hover.youtube, a:active.youtube {
	background:#fff url(../_/icn-youtube.png) no-repeat center center;
	background-size:24%;
}

a:link.facebook, a:visited.facebook {
	background:#f1f1f1 url(../_/icn-fb.png) no-repeat center center;
	background-size:24%;
}

a:hover.facebook, a:active.facebook {
	background:#fff url(../_/icn-fb.png) no-repeat center center;
	background-size:24%;
}

a:link.ed-cal, a:visited.ed-cal {
	background:#f1f1f1 url(../_/icn-cal.png) no-repeat center center;
	background-size:24%;
}

a:hover.ed-cal, a:active.ed-cal {
	background:#fff url(../_/icn-cal.png) no-repeat center center;
	background-size:24%;
}	

blockquote {
	background:#f5f9f9 url(../_/bq.png) no-repeat center 35px;
	background-size:5%;
}

.testi-white .col-50, .testi-gray .col-50 {
	width:100%;
}

.testi-white .box-pad-right, .testi-white .box-pad-left {
	padding:0
}

.testi-gray .box-pad-right, .testi-gray .box-pad-left {
	padding:0
}

.testi-white h1, .testi-gray h1 {
	margin:50px 0 10px 0;
	text-align:center;
}

.testi-white h3, .testi-gray h3 {
	font-size:1.6em;
	text-align:left;
}

a:link.btn-testi, a:visited.btn-testi {
	padding:10px 20px;
}

.columns {
	width:100%;
	margin:0 0 0 0;
	-moz-column-count:1;
	-moz-column-gap:0;
		-webkit-column-count:1;
		-webkit-column-gap:0;
			column-count:1;
			column-gap:0;
}

.columns span {
	padding:0 0 20px 0
}

.edu-coa {
	display:none;
}

a.edu-coa-mobile {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	z-index:9996;
	font-size:1.8em;
	display:block;
	font-weight:600;
	color:#fff;
	text-align:center;
	background:rgba(30,117,57,0.8);
	border-top:1px solid #1e7539;
	padding:10px 0 15px 0;
}

a.edu-coa-mobile span.icn-cal {
	display:inline-block;
	margin:0 0 0 0;
	width:30px;
	height:30px;
	background:url(../_/icn-cal-ko.svg) no-repeat center bottom;
	vertical-align: text-bottom;
	-webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	   -moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-ms-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		 -o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
			transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}

.callbacks .caption {
  font-size:1.2em;
  line-height:1.3em;
  }
  
.callbacks_nav.prev {
	background:url(../_/arrow-prev.png) no-repeat center center;
	background-size:20%;
}
.callbacks_nav.next {
  	left: auto;
  	right: 0;
	background:url(../_/arrow-next.png) no-repeat center center;
	background-size:20%;
}

.reference {
	padding:40px 2.5% 40px 2.5%;
}

.edu-head {
	width:100%;
	padding:120px 5%;
	background:url(../_/edu-head.jpg) no-repeat right center;
	background-size:cover;
	text-align:center
}

.edu-head h1 {
	font-size:2.4em;
	font-weight:600;
	text-align:center;
}

.edu-head h2 {
	font-size:2.4em;
	font-weight:600;
	text-align:center;
	padding-left:0;
}

.rnd-left {
border-right:none;
-webkit-border-top-left-radius:0px;
	-webkit-border-bottom-left-radius:0px;
		-moz-border-radius-top-left:0px;
			-moz-border-radius-bottomleft:0px;
				border-top-left-radius:0px;
					border-bottom-left-radius:0px;	
}

.rnd-right {
border-left:none;
-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
		-moz-border-radius-topright:0px;
			-moz-border-radius-bottomright:0px;
				border-top-right-radius:0px;
					border-bottom-right-radius:0px;
}

a:link.btn-testi, a:visited.btn-testi {
	background:#fff;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	color:#8fb91c;
	display:inline-block;
	font-weight:700;
	text-transform:uppercase;
	font-size:0.6em;
	padding:25px 30px;
	margin:0 10% -1px 10%;
	width:80%;
	-webkit-box-shadow:none;
		-moz-box-shadow:none;
			box-shadow:none;
}

a:hover.btn-testi, a:active.btn-testi {
	background:#f9f9f9;
	color:#666;
	-webkit-box-shadow:none;
		-moz-box-shadow:none;
			box-shadow:none;
}

.cc-head {
	background: #8fb91c url(../_/cc-header-mobile.jpg) no-repeat center center;
	background-size:cover
}	

.pa-head-cc {
	width:100%;
	height:500px;
	padding-top:360px;
	text-align:center;
	background:#ccc url(../_/cc-site-head-mobile.jpg) no-repeat right center;
	background-size:cover
}

}


@media all and (max-width:667px) {
	
.featured-content-links-25 {
	width:100%;
	padding-bottom:40%;	
}	

.featured-content-links a span.featured-content-links-overlay {
	top:0%;
	padding:30px 15px;
}

.featured-content-links a:hover span.featured-content-links-overlay {
	top:0%;
}

.featured-content-links-20 {
	width:20%;
	padding-bottom:10%;	
}

.contest-head {
	height:280px;
	padding-top:200px;
}

.contest-head h1 {
	font-size:2.8em;
}

#datacap ul li input.submit-button[type=submit] {
	max-width:100%;
}
a:link.error-btn, a:visited.error-btn {
	width:100%;
}

a:link.success-btn, a:visited.success-btn {
	width:100%;
}

a.cc-thumb {
	width:100%;
	padding-bottom:100%;
}

}	
	
	
@media all and (max-width:640px) {
	
a:link.btn-testi, a:visited.btn-testi {
	font-size:1.0em;
	margin:0 5% -1px 5%;
	width:90%;
}
	
.edu-head {
	width:100%;
	padding:100px 5%;
	background:url(../_/edu-head.jpg) no-repeat right center;
	background-size:cover;
	text-align:center
}

.edu-head h1 {
	font-size:1.8em;
	font-weight:600;
	text-align:center;
}

.edu-head h2 {
	font-size:1.8em;
	font-weight:600;
	text-align:center;
	padding-left:0;
}
	
blockquote {
	background:#f5f9f9 url(../_/bq.svg) no-repeat center 35px;
	background-size:8%;
}

p {	
	font-size:1.4em;
}

h1.index-header {
	font-size:2.0em;
}

h1.index-header span {
	padding: 0 10px;
}

ul li {
	font-size:1.4em;
	line-height: 1.4em;
}
	
.featured-content-links-25 {
	width:100%;
	padding-bottom:40%;	
}

.featured-content-links-33 {
	width:100%;
	padding-bottom:30%;
}

.featured-content-links a span.featured-content-links-overlay {
	top:0%;
	padding:15px;
}

.featured-content-links a:hover span.featured-content-links-overlay {
	top:0%;
}

.pa-head {
	width:100%;
	height:380px;
	background:#a1b20d url(../_/pa-head-mobile.jpg) no-repeat center top;
	text-align:center;
}

.pa-head h1 {
	float:none;
	text-align:center;
	padding:230px 0 0 0;
}

.pa-head h2 {
	float:none;
	text-align:center !important;
	font-size:3.2em;
	padding:0
}

.cs-head {
	padding:60px 2.5%;
}

.cs-head h1 {
	font-size:2.8em;
	line-height:1.3em;
}

.cs-head h2 {
	font-size:1.6em;
}

footer .col-20 {
	width:100%;
	height:15%;
	display:block;
	padding-bottom:20%;
	margin-bottom:0;
} 

a:link.twitter, a:visited.twitter {
	background:#f1f1f1 url(../_/icn-twitter.png) no-repeat center center;
	background-size:9%;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	border-bottom:none;
}

a:hover.twitter, a:active.twitter {
	background:#fff url(../_/icn-twitter.png) no-repeat center center;
	background-size:9%;
}

a:link.linkedin, a:visited.linkedin {
	background:#f1f1f1 url(../_/icn-linkedin.png) no-repeat center center;
	background-size:9%;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	border-bottom:none;
}

a:hover.linkedin, a:active.linkedin {
	background:#fff url(../_/icn-linkedin.png) no-repeat center center;
	background-size:9%;
}

a:link.youtube, a:visited.youtube {
	background:#f1f1f1 url(../_/icn-youtube.png) no-repeat center center;
	background-size:9%;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	border-bottom:none;
}

a:hover.youtube, a:active.youtube {
	background:#fff url(../_/icn-youtube.png) no-repeat center center;
	background-size:9%;
}

a:link.facebook, a:visited.facebook {
	background:#f1f1f1 url(../_/icn-fb.png) no-repeat center center;
	background-size:9%;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	border-bottom:none;
}

a:hover.facebook, a:active.facebook {
	background:#fff url(../_/icn-fb.png) no-repeat center center;
	background-size:9%;
}

a:link.ed-cal, a:visited.ed-cal {
	background:#f1f1f1 url(../_/icn-cal.png) no-repeat center center;
	background-size:9%;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	margin-bottom:40px;
}

a:hover.ed-cal, a:active.ed-cal {
	background:#fff url(../_/icn-cal.png) no-repeat center center;
	background-size:9%;
}

span.checkbox-label {
	font-size:0.7em !important;
}



}

@media all and (max-width:425px) {

.pa-head {
	width:100%;
	height:400px;
	background:#a1b20d url(../_/pa-head-mobile.jpg) no-repeat center top;
	text-align:center;
}

.pa-info {
	width:100%;
	position:relative;
	background:url(../_/blt-bar-mobile.jpg) center center;
	background-size: cover;
	height:400px;
}

.featured-content-links-33 {
	width:100%;
	padding-bottom:37%;
}

.cc-signup h6 a {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:70px;
	border-left:1px solid #e6e6e6;
	text-align:center;
	padding:30px 0 0 0;
}

a.cc-thumb {
	width:100%;
	padding-bottom:20px;
	height:460px
}


}


@media all and (max-width:320px) {
	
.cs-head h1 {
	font-size:2.2em;
	line-height:1.3em;
}
	
.featured-content-links-25 {
	width:100%;
	padding-bottom:45%;	
}

h1.index-header {
	font-size:1.7em;
}

.featured-content-links a span.featured-content-links-overlay {
	top:0;
	padding:15px;
	line-height:1.2em
}

.featured-content-links a:hover span.featured-content-links-overlay {
	top:0;
}

nav a {
	font-size:1.0em
}

.pa-head {
	width:100%;
	height:270px;
	background:#a1b20d url(../_/pa-head-mobile.jpg) no-repeat center top;
	background-size:170%;
	text-align:center;
}

.pa-head h1 {
	float:none;
	text-align:center;
	padding:170px 0 0 0;
	font-size:1.8em;
	font-weight:600
}

.pa-head h2 {
	float:none;
	text-align:center !important;
	font-size:1.8em;
	padding:0;
	font-weight:600
}

blockquote {
	background:#f5f9f9 url(../_/bq.svg) no-repeat center 35px;
	background-size:40%;
}



}