/* Font Face */
@import url('https://developer.salesforce.com/resources2/fonts/salesforceSans/SalesforceSans.css');

@font-face{font-family:'Salesforce Sans';src:url(../fonts/SalesforceSans-Regular.woff2) format("woff2"),url(../fonts/SalesforceSans-Regular.woff) format("woff");}
@font-face{font-family:'Salesforce Sans Light';src:url(../fonts/SalesforceSans-Light.woff2) format("woff2"),url(../fonts/SalesforceSans-Light.woff) format("woff");}
@font-face{font-family:'Trailhead';src:url(../fonts/TrailheadBold2.woff2) format("woff2"),url(../fonts/TrailheadBold2.woff) format("woff");}
@font-face{font-family:'Neutra';src:url(../fonts/NeutraDisplayTitling.woff2) format("woff2"),url(../fonts/NeutraDisplayTitling.woff) format("woff");}
@font-face {
            font-family: 'Glyphicons Halflings';
            src: url('/fonts/glyphicons-halflings-regular.eot');
        }


/* General Styles */

html {
	margin: 0;
	height: auto;
	min-height: 100%;
	font-size: 62.5%;
	color: #03286B;
}

body {
	/*min-height: 100vh;*/
	margin: 0 auto;
	font-size: 16px;
	line-height: 24px;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-family: Salesforce Sans, Arial, sans-serif;
	background-color: #69C4D2;
	position: relative;
	overflow-x: hidden;
}
.content-width{
	max-width: 1280px;
	margin: 0 auto;
	
}
.clear {
	clear: both;
}
.overflow-hidden{
	overflow: hidden !important;
}
.disply-none{
	display: none;
}
section {
	/* max-width: 1280px; */
	margin: 0 auto;
	box-sizing: border-box;
	padding: 20px 40px;
}

/* Nav-Header Styles */

header {
	height: 100px;
}

.header-holder {

	margin: 0 auto;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 40px 40px;
	z-index: 2;
	background-color: #003665;
}

.header-holder.mobile-menu {
	display: none;
}

.header-nav {
  width: 100%;
  display: inline-block;
  float: none;
  position: absolute;
  transform: translate(-35%, -50%);

}

.header-nav ul {
	margin: 0;
	text-align: right;
}

.header-nav ul li {
	display: inline-block;
	line-height: 71px;
}

.header-nav ul li a {
	text-decoration: none;
	color: #fff;
	margin-right: 20px;
}

.header-logo {
	width: 250px;
	display: inline-block;
	float: left;
}

.header-logo img {
	display: block;
	width: 100%;
}

.fixed-nav {
	background-color: #003665;
	  opacity: 0.7;
}



/* Welcome Styles */

#welcome {
	color: #03286B;
	text-align: center;
    position: relative;
}

#welcome h1 {
	font-family: 'Neutra', Arial, sans-serif;
	text-transform: uppercase;
	font-size: 8rem;
	line-height: 12rem;
	margin: 0 0 60px 0;
}

#welcome h2 {
	font-family: 'Trailhead', Arial, sans-serif;
	font-size: 4rem;
	line-height: 7rem;
	margin-bottom: 0;
}

#welcome h3 {
	font-weight: normal;
	font-size: 2.8rem;
	line-height: 4rem;
	margin: 0 0 40px 0;
}
.container-bird{
	width: 100%;
	position: relative;
}
.bird{
	animation: fly infinite linear;
	animation-duration: 10s;
	animation-delay: 0;
	z-index: 1;
	width: 80px;
}
.bird2{
	animation: fly2 infinite linear;
	animation-duration: 17s;
	animation-delay: 0;
	position: absolute;
	width: 60px;
	right: 0px;
	top: 60px;
}
.bird3{
	animation: fly infinite linear;
	animation-duration: 15s;
	animation-delay: 3s;
	position: absolute;
	width: 60px;
	left: -65px;
	top: -15px;
	z-index: -1;
}
@keyframes fly {
	0% {
		transform: scale(0.3) translateX(-10vw);
	}
	
	15% {
		transform: translateY(2vh) translateX(15vw) scale(0.3);
	}
	
	30% {
		transform: translateY(3vh) translateX(30vw) scale(0.4);
	}
	
	40% {
		transform: translateY(2vh) translateX(40vw) scale(0.5);
	}
	
	60% {
		transform: translateY(2vh) translateX(60vw) scale(0.4);
	}
	
	70% {
		transform: translateY(3vh) translateX(70vw) scale(0.4);
	}
	
	80% {
		transform: translateY(2vh) translateX(80vw) scale(0.3);
	}
	
	100% {
		transform: translateY(1vh) translateX(110vw) scale(0.3);
	}
}
@keyframes fly2 {
	0% {
		transform: scale(0.3) translateX(100vw);
	}

	100% {
		transform: translateY(0vh) translateX(-110vw) scale(0.3);
	}
}
/* Explore Styles */

#explore {
	color: #03286B;
	text-align: center;
	padding-bottom: 80px;
	padding-top: 80px;
	position: relative;
	z-index: 1;
}

#explore h1 {
	font-family: 'Neutra', Arial, sans-serif;
	text-transform: uppercase;
	font-size: 5rem;
	line-height: 7rem;
	margin: 0;
}

#explore h2 {
	font-family: 'Trailhead', Arial, sans-serif;
	font-size: 5rem;
	line-height: 7rem;
	margin: 0 0 20px 0;
}

#explore h3 {
	font-weight: normal;
	font-size: 2.rem;
	line-height: 4rem;
	margin: 0 0 40px 0;
}

#explore p {
	font-size: 2.4rem;
	line-height: 3rem;
}


/* Reasons Styles */

#reasons {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	padding: 40px 40px 60px 40px;
	position: relative;
	z-index: 1;
}

.reason  {
	height: 345px;
	position: relative;
	width: 25%;
	border-right: solid 20px transparent;
	font-family: 'Neutra', Arial, sans-serif;
	box-sizing: border-box;
}

.reason:last-of-type {
	border-right: none;
}

.reason > div:first-child {
	max-height: 325px;
	height: 100%;
	color: #ffffff;
	font-size: 5rem;
	line-height: 7rem;
	text-transform: uppercase;
	text-align: center;
}

.reason > div:first-child p {
	padding-top: 20px;
}

.reason > div img {
	display: block;
	height: 33%;
	margin-top: 100px;
}

.reason-text {
	box-sizing: border-box;
	background-color: #FFFFFF;
	color: #000000;
	font-family: 'Salesforce Sans', Arial, sans-serif;
	font-size: 14px;
	padding: 10px 15px;
	height: 100px;
	text-align: left;
}

.r-1, .r-2, .r-3, .r-4 {
    background-repeat: no-repeat;
    background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
  justify-content: center;
}

.r-1 {
    background-image: url(../images/CONNECT.png);
}

.r-2 {
    background-image: url(../images/EARN.png);
}

.r-3 {
    background-image: url(../images/LEARN.png);
}

.r-4 {
    background-image: url(../images/GIVE-BACK.png);
}

/* Quote Styles */

#quote {
	padding: 0 40px;
	z-index: 1;
	position: relative;
}

.quote-holder {
	margin-top: 60px;
	display: flex;
    background-repeat: no-repeat;
    background-size: contain;
	background-position: bottom left;
	align-items: stretch;
}


.quote-img {
	width: 100%;
}

.noteText {
	color: #ffffff;
	font-size: 2.2rem;
}

/* Home Footer */

#home-footer {
	width: 100%;
	max-width: 100%;
	padding: 100px 0 0 0;
	background: transparent;
	position: relative;
	z-index: 1;
}

.register-msg {
	width: 100%;
	max-width: 100%;
	margin-top: 100px;
}

.register-msg h1 {
	font-family: 'Neutra', Arial, sans-serif;
	text-align: center;
	font-size: 5rem;
	line-height: 6.5rem;
	text-transform: uppercase;
	color: #003763;
}

.register-msg p {
	text-align: center;
	padding-top: 20px;
}

/* Background Images */
.logo {
	width: 170px;
	margin: 15px 0 15px;
}

.codey {
    background-image: url(../images/Codey-Flying.png);
    background-repeat: no-repeat;
    background-size: contain;
	height: 410px;
	width: 781px;
	position: absolute;
	top: 55px;
	left: -328px;
	opacity: 1;
}

.astro {
	background-image: url(../images/Astro-Flying.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 70%;
	height: 393px;
	width: 511px;
	position: absolute;
	top: -99px;
	right: -170px;
	opacity: 1;
}
.hootie {
	background-image: url(../images/Hootie.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 70%;
	height: 130px;
	width: 130px;
	position: absolute;
	top: 503px;
	right: 200px;
}

.cloud-1 {
    background-image: url(../images/Cloud-1.png);
    background-repeat: no-repeat;
    background-size: contain;
	height: 250px;
	width: 600px;
	left: -320px;
	position: absolute;
	top: -1700px;
	opacity: 1;
	z-index: 0;
}

.cloud-2 {
	background-image: url(../images/Cloud-2.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 300px;
	width: 300px;
	position: absolute;
	top: -1040px;
	right: -300px;
	opacity: 1;
	background-position: top right;
	z-index: 0;
}
.cloud-3 {
	background-image: url(../images/Cloud-3.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 300px;
	width: 556px;
	position: absolute;
	top: 700px;
	left: -217px;
	opacity: 1;
	background-position: top right;
	z-index: 0;
}
.cloud-4 {
	background-image: url(../images/Cloud-4.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 200px;
	width: 550px;
	position: absolute;
	top: 50px;
	right: -230px;
	opacity: 1;
	z-index: 0;
}


.Track-cloud-1 {
    background-image: url(../images/Cloud-3.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 250px;
	width: 800px;
	right: -700px;
	position: absolute;
	top: 700px;
	opacity: 1;
	z-index: 0;
}

.Track-cloud-2 {
    background-image: url(../images/Cloud-4.png);
    background-repeat: no-repeat;
    background-size: contain;
	height: 300px;
	width: 800px;
	position: absolute;
	top: 250px;
	left: -700px;
	opacity: 1;
	background-position: top left;
	z-index: 0;
}
.Track-cloud-3 {
	background-image: url(../images/Cloud-1.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 300px;
	width: 800px;
	position: absolute;
	top: 2000px;
	left: -600px;
	opacity: 1;
	background-position: top left;
	z-index: 0;
}

.FAQ-cloud-1 {
    background-image: url(../images/Cloud-1.png);
    background-repeat: no-repeat;
    background-size: contain;
	height: 250px;
	width: 800px;
	left: -350px;
	position: absolute;
	top: 150px;
	opacity: 1;
	z-index: 0;
}

.FAQ-cloud-2 {
    background-image: url(../images/Cloud-3.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 300px;
    width: 800px;
	position: absolute;
	top: 600px;
	right: -400px;
	opacity: 1;
	background-position: top right;
	z-index: 0;
}


.FAQ-cloud-3 {
    background-image: url(../images/Cloud-4.png);
    background-repeat: no-repeat;
    background-size: contain;
	height: 250px;
	width: 800px;
	left: -300px;
	position: absolute;
	bottom: 600px;
	opacity: 1;
	z-index: 0;
}


.characters {
	width: 100%;
	position: relative;
	z-index: 0;
}
.Mt140{
	margin-top: 140px !important;
}
.Mt400{
	margin-top: 400px !important;
}
.characters img {
	display: block;
	width: 100%;
	margin-top: -320px;
}


/* Footer Styling */

.salesforce-footer {

    position: relative;
	height: 70px;
	background-color: #003763;
}


.salesforcelogo {
    background-image: url(../images/Salesforce_Logo.png);
	background-repeat: no-repeat;
	height: 100px;
    width: 250px;
	float: left;
	margin-left: 200px;

}

.footerContent {
	color: #ffffff;
	margin-left: 300px;
}

.footerLinks {
	list-style-type: none;
	display: inline;
	padding: 0;

}
.footerLinks ul {

}

.footerLinks li {
	text-align:left;
	display: inline;
	margin-right: 60px;
}

.footerLinks a {
	color: #ffffff;
}


.bg-images {
	width: 100%;
}

/* Non-Index Page Styles */

#container-content {
	max-width: 1100px;
	position: relative;
	z-index: 1;
}

#container-content h1 {
	color: #03286B;
	font-family: 'Neutra', Arial, sans-serif;
	font-size: 10rem;
	text-align: center;
	line-height: 13rem;
	text-transform: uppercase;
	margin-top: 60px;
	margin-bottom: 0;
}


#container-content h2 {
	color: #03286B;
	font-family: 'Neutra', Arial, sans-serif;
	font-size: 10rem;
	text-align: center;
	line-height: 10rem;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
}

#container-content h3 {
	color: #03286B;
	font-family: 'Trailhead', Arial, sans-serif;
	font-size: 5rem;
	text-align: center;
	line-height: 6rem;
	margin-top: 0;
	margin-bottom: 0;
}

/* Schedule Accordian */

.panel-group {
	margin-top: 90px;
}

#faq-accordion .panel-title {
	position: relative;
}

span.glyphicon-minus-sign, span.glyphicon-plus-sign {
	position: absolute;
	left: 20px;
	top: 25px;
	display: none;
	font-weight: normal;
}

h4.panel-title a.collapsed span.glyphicon-plus-sign {
	display: inline-block;
}

h4.panel-title a[aria-expanded=true] span.glyphicon-minus-sign {
	display: inline-block;

}

.panel-group .panel{
	background-color: transparent;
	border: none;
	margin-bottom: 40px;
}

#faq-accordion .panel-content {
	background-color: #FED364;
	padding: 0 20px;
	color: #000;
	font-size: 3rem;
}

.panel-row {
	display: flex;
	justify-content: space-between;
	line-height: 7rem;
	border-bottom: solid 1px #707070;
}

.panel-row:only-child, .panel-row:last-of-type {
	border-bottom: none;
}

.panel-default > .panel-heading{
	background-color: transparent;
	border: none;
}

.panel-heading{
	padding:0;
	border-bottom: none;
}

.panel {
	box-shadow: none;
	-webkit-box-shadow: none;
}

#faq-accordion .panel-title > a{
	font-family: 'Salesforce Sans', Arial,sans-serif;
	color: #ffffff;
	font-size: 3.6rem;
	line-height: 4.8rem;
	background-color: #EA8846;
  padding: 20px 20px 20px 80px;
  font-weight: bold;
	display: flex;
	justify-content: space-between;
	text-decoration: none;
}

.panel-left, .panel-right {
	display: inline-block;
}

.panel-left {
	max-width: 60%;
}

.panel-right {
	text-align: right;
	font-weight: normal;
	max-width: 40%;
}

.panel-content a:hover,
.panel-content a:active{
	text-decoration: none;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body{
	border:none;
}

.panel-group ul{
	padding-left: 20px;
}

.panel-group ul li{
	line-height: 2.4rem;
	margin-bottom: 10px;
}
.faq-question{
	color: #03286B;
}

/* Tracks Styles */

.hilight {
	padding: 40px;
	background-color: #EA8846;
	box-sizing: border-box;
	margin-top: 80px;
}

.hilight-inner {
	box-sizing: border-box;
	padding: 100px 60px 60px 60px;
	border: solid 2px #FED364;
	position: relative;
	text-align: center;
	color: #fff;
	font-size: 2.5rem;
	line-height: 3rem;
}

.hilight-inner:before {
	width: 290px;
	height: 97px;
	background-color: #EA8846;
	display: block;
	background-image: url(../images/map-icon.png);
	z-index: 1;
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	margin: -117px auto 0 auto;
}

.hilight-inner h4 {
	color: #fff;
	font-family: 'Neutra', Arial, sans-serif;
	font-size: 2.8rem;
	text-align: center;
	line-height: 3.6rem;
	text-transform: uppercase;
	margin-top: 40px;
	margin-bottom: 20px;
}
.center{
	text-align: center;
}
.schedule-bg{
	margin-top: 300px;
}
/* Tracklist Styles */

.tracklist {
	margin-top: 40px;
}

.track {
		padding: 40px 0;
}

.track {
	border-bottom: solid 1px #fff;
}

.track:only-child, .track:last-of-type {
	border-bottom: none;
}

.track h4 {
	color: #003763;
	font-size: 3.6rem;
	margin-top: 0;
	margin-bottom: 30px;
	font-family: 'Trailhead', Arial, sans-serif;
}

.track p.audience {
	font-size: 2.8rem;
	line-height: 3.4rem;
	color: #03286B;
	font-weight: bold;
	

}

.track p {
	color: #fff;
	font-size: 2.5rem;
	line-height: 3rem;
	margin: 10px 0 0 0;
}

.track p.modal-call a {
	font-size: 16px;
	line-height: 24px;
	color: #003763;
	text-decoration: none;
	font-weight: bold;

}

/*padding hack, since its late, and i'm tired */
.spacer {
	padding-bottom: 20px;
}

/*! light-modal v1.1.0 | (c) 2017  | MIT License | git+https://github.com/hunzaboy/Light-Modal.git */
.light-modal{display:none;position:fixed;background:transparent;top:0;bottom:0;left:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;right:0;z-index:4;transition:background 1s;font-size:16px;visibility:hidden;}
.light-modal-content{background:#845ec2;color:#fff;width:100%;max-width:1100px;position:relative;max-height:calc(100vh - 200px);line-height:1.4;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-top: 20px;}
.light-modal-content img{max-width:100%;}
.light-modal-header{padding:20px;background:rgba(0,0,0,.2);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}
.light-modal-heading{margin:0;font-size:1.5em}
.light-modal-heading+.light-modal-close-icon{position:static}
.light-modal-body{padding:0 20px 20px 20px;overflow:auto;}
.light-modal-footer{padding:20px;background:rgba(0,0,0,.2);text-align:right;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.light-modal-close-btn,.light-modal-close-icon{text-decoration:none;color:#fff;padding:5px 10px;border-radius:.2em;background:#ff6f91;font-size:2.5em;line-height:1;transition:background .2s ease-in-out}
.light-modal-close-btn:hover,.light-modal-close-icon:hover{background:#ff3c6a}.light-modal-close-icon{position:absolute;top:-35px;right:-50px}
.light-modal-close-btn{font-size:1.5em}
.light-modal-caption{position:absolute;left:50%;transform:translateX(-50%);top:100%;padding:10px 0;background:rgba(0,0,0,.2);border-radius:.2em;width:100%;text-align:center;margin-top:5px}
.light-modal:target{background:rgba(0,0,0,.5);display:-ms-flexbox;display:flex;visibility:visible}
.light-modal-navigation .navigation-next,.light-modal-navigation .navigation-prev{width:32px;height:32px;border-color:#fff;transition:border-color .2s}
.light-modal-navigation .navigation-next:hover,.light-modal-navigation .navigation-prev:hover{border-color:hsla(0,0%,100%,.7)}
.light-modal-navigation .navigation-next{position:absolute;right:-50px;top:50%;border-bottom:1px solid;border-left:1px solid;transform:rotate(-135deg)}
.light-modal-navigation .navigation-prev{position:absolute;left:-50px;top:50%;border-bottom:1px solid;border-left:1px solid;transform:rotate(45deg)}

@media (max-width:480px){
	.light-modal-navigation .navigation-next{right:5px}
	.light-modal-navigation .navigation-prev{left:5px}}
	@keyframes a{0%{opacity:0}to{opacity:1}}
	.basic{animation-name:a}@media (max-width:767px)
	{.light-modal{font-size:14px}}
	@supports (display:flex){@media (max-width:767px){.light-modal:target .light-modal-content{width:70vw}
	}
}

/* Modal CSS */
.light-modal-content{
  background-color:#FFE8AF;
  color: #000;
  border-top: solid 20px #FFE8AF;
  border-bottom: solid 20px #FFE8AF;
  border-right: none;
  border-left: solid 20px #FFE8AF;
}

.light-modal-content:after {
  content: " ";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 20px;
  bottom: 0;
  border: solid 2px #CCB774;
}

.light-modal-body:before {
	width: 290px;
	height: 97px;
	background-color: #FFE8AF;
	display: block;
	background-image: url(../images/Hootie-Certification-LineArt.png);
	z-index: 3;
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0 auto 0 auto;
	position: relative;
}

.light-modal-body-inner {
	padding: 20px 60px;
	box-sizing: border-box;
}

.light-modal-content ul em{
  font-style: normal;
}

.light-modal-header{
  background: transparent;
  color:#fff;
}


.light-modal-footer{
    background:#bdbdbd;
}

.light-modal-close-icon{
  background: #fff;
  color: #0F97D3;
}

.light-modal-close-icon:hover{
  background:#ffffff;
  color:#462E8E;
}

.light-modal-close-btn.light-modal-close-btn{
  background:#462E8E;
  color:#fff;
}

.light-modal-close-btn:hover{
  background:#fff;
  color:#001f6f;
}

.light-modal-body-inner {
	color: #003763;
}

 .modal-head, .modal-subhead {
	 font-weight: bold;
 }


.modal-head {
	font-size: 20px;

}

.track .panel-group {
	display: none;
}


/* FAQ Accordian */

#learn-accordion .panel-group {
	margin-top: 90px;
}

#learn-accordion .panel-title {
	position: relative;
}

#learn-accordion .panel-content {
	padding: 0 80px;
	color: #000;
}

#learn-accordion .panel-row {
	font-size: 1.8rem;
	line-height: 2.4rem;
	display: block;
}

#learn-accordion .panel-title > a{
	font-family: 'Salesforce Sans', Arial,sans-serif;
	color: #ffffff;
	font-size: 3.6rem;
	line-height: 4.8rem;
  padding: 20px 20px 20px 80px;
  font-weight: bold;
	display: flex;
	justify-content: space-between;
	text-decoration: none;
}

#learn-accordion .panel {
    background-color: transparent;
    border: none;
    margin-bottom: 0;
}

#learn-accordion a {
	color: #000;
	text-decoration: underline;
}

/* Location Styles */

.loc-page #container-content {
	max-width: 1460px;
}

.loc-page #container-content p {
	text-align: center;
	color: #03286B;
	font-size: 2.5rem;
	line-height: 3rem;
	padding: 40px 0;
	max-width: 800px;
	margin: 0 auto;
}

.hotel-holder {
	max-width: 1100px;
	margin: 0 auto 120px auto;
	box-sizing: border-box;
	padding: 250px 0 0 0;
	text-align: center;
	background-image: url(../images/Location-Image.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

.blurb {
	display: inline-block;
	box-sizing: border-box;
	background-color: #EA8846;
	padding: 20px 100px;
}

.loc-page #container-content .blurb p {
	font-size: 1.8rem;
	line-height: 2.4rem;
	padding: 0;
}

.loc-page #container-content .blurb p > a {
	color: #fff;
	text-decoration: none;
}

.loc-cloud-1 {
	background-image: url(../images/Cloud-1.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 250px;
	width: 600px;
	left: -250px;
	position: absolute;
	top: 150px;
	opacity: 1;
	z-index: -1;
}

.loc-cloud-2 {
	background-image: url(../images/Cloud-2.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 300px;
	width: 300px;
	position: absolute;
	top: 400px;
	right: -150px;
	opacity: 1;
	background-position: top right;
	z-index: -1;
}
.loc-cloud-3 {
	background-image: url(../images/Cloud-3.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 300px;
	width: 556px;
	position: absolute;
	top: 800px;
	left: -217px;
	opacity: 1;
	background-position: top right;
	z-index: -1;
}

/* Button Styles */

.header-nav ul li:last-of-type a, a.reg-btn, a.link-btn {
	background-color: #DE6129;
	border-radius: 5px;
	text-align: center;
	padding: 10px 20px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}

a.btn {
	font-size: 2.4rem;
	padding: 15px 30px;
}

a.link-btn {
	color: #003763;
	background-color: #FED364;
	margin-top: 20px;
	display: inline-block;
}



/* Mobile Styles */


@media (max-width: 1400px) {

	html {
		font-size:50%;
	}

	#learn-accordion .panel-row {
		font-size: 18px;
		line-height: 24px;
	}
}

@media (max-width: 1200px) {

html {
	font-size:45%;
}
#explore{
	padding-bottom: 0px;
}
#reasons {
	padding: 40px 40px 0px 40px;
}
#home-footer{
	padding-top: 0px !important;
}
.characters img {
	display: block;
	width: 100%;
}

.reason  {
	height: 450px;
	width: 50%;
}

.reason:nth-child(2) {
	border-right: none;
}

.quote-holder {
	padding-top: 30px;
}



}

@media (max-width: 1100px) {

html {
	font-size:40%;
}

.header-holder {
	padding: 20px 20px;
}
.header-nav {
 font-size: 12px;
  width: 100%;
  display: inline-block;
  float: none;
  position: absolute;
  transform: translate(-20%, -50%);
}
.schedule-bg {
	margin-top: -100px;
}
.tracks-bg{
	margin-top: -130px !important;
}
.faq-bg{
	margin-top: -30px !important;
}

.characters img {
	display: block;
	width: 100%;
	margin-top: 0;
}

.quote-holder {
	padding: 0;
	display: block;
}

.quote-text {
	width: 100%;
	padding: 40px 60px;
}

.quote-image {
	display: none;
}

.panel-row {
	line-height: 6rem;
}

.header-logo {
	max-width: 150px;
	padding-top: 15px;
}

header {
	height: 100px;
	margin-bottom: 40px;
}

}

@media (max-width: 950px) {

	.codey, .astro, .hootie, .cloud-1, .cloud-2 {
		display: none !important;
	}

	div[class^="cloud-"], div[class^="Schedule-cloud-"], div[class^="FAQ-cloud-"], div[class^="Track-cloud-"] {
		display: none;
	}

	.header-holder.mobile-menu {
		display: block;
		line-height: 2.4rem;
	}

	#sidebar {
		margin-bottom: 0;
		padding: 10px 0;
	}

	.head1 {
		width: 50px;
		display: inline-block;
	}

	p.menu-btn, p.control-header {
		display: block;
		width: auto;
		margin-top: 10px;
	}

	p.control-header {
		text-align: right;
		float: right;
	}

	p.menu-btn {
		float: left;
		text-align: center;
		background-color: #DE6129;
		border-radius: 5px;
		text-align: center;
		padding: 10px 20px;
		text-transform: uppercase;
		text-decoration: none;
		color: #fff;
	}

	.menu-btn a {
		color: #fff;
		text-decoration: none;
	}

	.salesforcelogo {
		margin: 0;
	}

	.footerContent {
		margin: 0;
		font-size: 75%;
	}

	.header-logo {
		float: none;
		display: none;
	}

	#container-content h1:before, #container-content h1:after {
		content: none;
	}

	header {
		background-image: none;
	}

	.header-holder {
		background-color: #003665;
	}

	.track .panel-group {
		display: block;
		margin: 20px 0 0 0;
	}

	.track .panel-group .panel {
		margin-bottom: 0;
	}

	.track h4 {
		margin-bottom: 0;
	}

	.track .panel-title a {
		font-size: 16px;
		line-height: 24px;
		color: #003763;
		text-decoration: none;
		font-weight: bold;
		text-transform: none !important;
		font-family: 'Salesforce Sans', Arial,sans-serif;
	}

	.track .panel-row {
		display: block;
	}

	.track .panel-content {
		background-color: #FFE8AF;
		padding: 20px;
		margin-top: 10px;
	}

	.track .panel-content p, .track .panel-content ul {
		color: #003763;
		line-height: 24px;
		font-size: 16px;
	}

	.panel-content ul {
		margin: 10px;
	}

	.panel-content ul li {
		line-height: 24px;
		margin: 0;
	}

	p.modal-call {
		display: none;
	}

	.salesforce-footer {
		height: 70px;
	}
	.bird {
		width: 75px;
	}
	.bird2 {
		width: 40px;
	}
	.bird3 {
		width: 45px;
	}

}

@media (max-width: 700px) {


	#welcome h1 {
		font-size: 7rem;
	}

	.header-holder {
		padding: 20px 20px;
	}
	.header-nav {
	font-size: 12px;
	width: 100%;
	display: inline-block;
	float: none;
	position: absolute;
	transform: translate(-20%, -50%);
	}



	.header-nav ul li a {
		margin-right: 5px;
	}

	.header-nav ul li:last-of-type a, a.reg-btn, a.link-btn {
		padding: 5px 5px;
	}



	.header-nav ul li a {
		margin-right: 5px;
	}

	.header-nav ul li:last-of-type a, a.reg-btn, a.link-btn {
		padding: 5px 5px;
	}

	.reason  {
		height: 450px;
		width: 100%;
	}

	.reason {
		border-right: none;
	}

	.r-1, .r-2, .r-3, .r-4 {
		background-position: center center;
	}
	.reason > div img {
		margin-top: 50px;
	}

	#container-content {
		padding: 20px;
	}

	.panel-left {
		max-width: 100%;
		display: block;
	}

	.panel-right {
		display: none;
	}

	.panel-row {
		display: block;
	}

	.panel-row .panel-right {
		max-width: 100%;
		display: block;
		text-align: left;
	}

	.panel-title span.glyphicon, h4.panel-title a.collapsed span.glyphicon, h4.panel-title a[aria-expanded="true"] span.glyphicon-minus-sign {
		display: none;
	}

	#faq-accordion .panel-title > a {
		padding: 20px;
	}

	#learn-accordion .panel-title > a {
		padding: 20px;
	}


	#learn-accordion .panel-content {
		padding: 20px;
	}

	.hilight {
		padding: 5px;
	}

	.hilight-inner:before {
		content: none;
	}

	.hilight-inner {
		padding: 20px;
	}

	a.btn {
		font-size: 18px;
		padding: 10px 20px;
	}

	#welcome, #reasons {
		padding-bottom: 20px;

	}

	#container-content h1, #container-content h2   {
		font-size: 60px;
	}

	.schedule-bg {
		margin-top: -50px;
	}
	.tracks-bg {
		margin-top: -50px !important;
	}
	.faq-bg {
		margin-top: 30px !important;
	}
	.salesforce-footer {
		height: 70px;
	}
	.bird {
		width: 40px;
	}
	.bird2 {
		width: 30px;
	}
	.bird3 {
		width: 35px;
	}


}

@media (max-width: 500px) {

	#container-content h1:before, #container-content h1:after {
		content: none;
	}
	#reasons {
	padding-bottom: 0px;
	}

	.header-nav ul li a {
		margin-right: 3px;
	}
	.container-bird {
		top: -50px;
	}

	.tracks-bg {
		margin-top: -130px !important;
	}
	.header-holder {
		padding: 20px 20px;
	}
	.header-nav {
	font-size: 10px;
	width: 100%;
	display: inline-block;
	float: none;
	position: absolute;
	transform: translate(-20%, -50%);
	}
	.container-bird{
		display: none;
	}
	.logo {
		width: 120px !important;
	}
	
	.tracks-bg {
		margin-top: -100px !important;
	}
	.faq-bg {
		margin-top: -10px !important;
	}

}

@media (max-width: 400px) {
	.reason-text {
		font-size: 11px;
	}

	#container-content h1, #container-content h2{
		font-size: 50px;
	}
	.schedule-bg {
		margin-top: -50px;
	}
	.tracks-bg {
		margin-top: -50px !important;
	}
	.faq-bg {
		margin-top: -15px !important;
	}
}