body {
    font-family: "source-code-pro",sans-serif !important;
    background: #2B2B2B !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    color: #FFF !important;
    -webkit-font-smoothing: antialiased !important;
}

/*@media (max-width: 500px) {
	body {
		overflow-x: hidden;
	}
}*/

a {
	color: #fff !important;
	text-decoration: none;
}

/* Header Style */

.main-header {
	border-bottom: 0.075em solid #fff;
	position: fixed;
	width: 100%;
	background: #2B2B2B;
	z-index: 500000;
	padding-top: 7px;
	padding-bottom: 7px;
}

.logo {
	padding-left: 110px;
}

@media (max-width: 500px) {
  .logo img{
    width:75%;
  }
}

@media (max-width: 500px) {
  .logo{
    padding-left:5px;
  }
}


.tagline {
font-family: "source-code-pro",sans-serif !important;
/* background: #2B2B2B !important; */
font-weight: 400 !important;
font-size: 11px !important;
color: #FFF !important;
-webkit-font-smoothing: antialiased !important;
padding-left: 127px;
text-transform: uppercase;
}

@media (max-width: 500px) {
	.tagline {
		padding-left:17px;
	}
}

.about-teddy-new {
	padding-top: 80px;
}


/* END HEADER */
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


/* ------------------------------------------
  RESPONSIVE NAV STYLES
--------------------------------------------- */
.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 40em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}


/* ------------------------------------------
  DEMO STYLES
--------------------------------------------- */

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #37302a;
  background: #fff;
  font: normal 100%/1.4 sans-serif;
}

section {
  border-bottom: 1px solid #999;
  text-align: center;
  padding: 100px 0 0;
  height: 800px;
  width: 100%;
}

h1 {
  margin-bottom: .5em;
}

p {
  margin: 0 auto;
}


/* ------------------------------------------
  FIXED HEADER
--------------------------------------------- */

header {
  background: #f4421a;
  position: fixed;
  z-index: 3;
  width: 100%;
  left: 0;
  top: 0;
}

.logo {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  text-decoration: none;
  font-weight: bold;
  line-height: 55px;
  color: #fff;
}


/* ------------------------------------------
  MASK
--------------------------------------------- */

.mask {
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  transition: opacity 300ms;
  background: rgba(0,0,0, .5);
  visibility: hidden;
  position: fixed;
  opacity: 0;
  z-index: 2;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.android .mask {
  -webkit-transition: none;
  transition: none;
}

.js-nav-active .mask {
  visibility: visible;
  opacity: 1;
}

@media screen and (min-width: 40em) {
  .mask {
    display: none !important;
    opacity: 0 !important;
  }
}


/* ------------------------------------------
  NAVIGATION STYLES
--------------------------------------------- */

.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}

.nav-collapse,
.nav-collapse * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
list-style: none;
width: 100%;
float: left;
padding-top: .4em;
padding-right: 4em;
}

@media screen and (min-width: 40em) {
  .nav-collapse {
    float: right;
    width: auto;
  }
}

.nav-collapse li {
  float: left;
  width: 100%;
  /*padding: .5em;*/
  padding-top: 1em;
  padding-left: 1.2em;
}

@media screen and (min-width: 40em) {
  .nav-collapse li {
    width: auto;
  }
}

.nav-collapse a {
font-size: 15.5px;
margin: 10px;
color: #FFF;
font-weight: 500;
border-bottom: 1px solid transparent;
text-transform: uppercase;
width: 100%;
}

.nav-collapse a:hover {
color: #E0E0E0 !important;
-webkit-transition: color 300ms ease-out;
-moz-transition: color 300ms ease-out;
transition: color 300ms ease-out;
	/*color: #e24b3b !important;*/
}

.nav-collapse a:active,
.nav-collapse .active a {
 	border-bottom-color: #11A8A2;
	padding-bottom: 5px;
}

@media (max-width: 500px) {
	.nav-collapse a {
		font-size: 12.5px;
		margin: 10px;
		color: #FFF;
		font-weight: 500;
		border-bottom: 1px solid transparent;
		text-transform: uppercase;
		width: 100%;
	}
}

@media screen and (min-width: 40em) {
  .nav-collapse a {
    /*padding: 1.02em 1em;*/
    text-align: center;
    border-top: 0;
    float: left;
    margin: 0;
  }
}

.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 2em;
}

@media screen and (min-width: 40em) {
  .nav-collapse ul ul a {
    display: none;
  }
}


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
  font-family: "responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../icons/responsivenav.ttf") format("truetype"),
    url("../icons/responsivenav.woff") format("woff"),
    url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  text-indent: -300px;
  position: relative;
  overflow: hidden;
  width: 60px;
  height: 55px;
  float: right;
}

.nav-toggle:before {
  color: #fff; /* Edit this to change the icon color */
  font: normal 28px/55px "responsivenav"; /* Edit font-size (28px) to change the icon size */
  text-transform: none;
  text-align: center;
  position: absolute;
  content: "\2261"; /* Hamburger icon */
  text-indent: 0;
  speak: none;
  width: 100%;
  left: 0;
  top: 0;
}

.nav-toggle.active:before {
  font-size: 24px;
  content: "78"; /* Close icon */
}

@media (max-width: 500px) {
  .nav-links a{
    display: inline-block;
	font-size: 15.5px;
	margin: 10px;
	color: #FFF;
	font-weight: 500;
	border-bottom: 1px solid transparent;
	text-transform: uppercase;
	text-align: center;
  }
}


/* Begin Footer */

.main-footer {
	height: auto !important;
	border-top: 0.075em solid #fff;
	padding-bottom: .75em;
}

.footer-links {
	float:right;
	padding-top: 17px;
	margin-right: 110px;
}
.footer-links a {
	display: inline-block;
	font-size: 12.5px;
	margin: 10px;
	color: #FFF;
	font-weight: 500;
	border-bottom: 1px solid transparent;
	text-transform: uppercase;
}

.footer-links a:hover {
	border-bottom-color: #11A8A2;
	padding-bottom: 5px;
}

.main-footer h2 {
	font-size: 22px;
	color: #F54641;
	margin-left: 11%;
}

.main-footer p{
	color: #fff;
	font-size: 12px;
	margin-left: 11%;
	font-weight: 500;
}

@media (max-width: 500px) {
  .footer-links a{
  	display: none;
	/*font-size: 15.5px;
	margin: 13px;
	color: #FFF;
	font-weight: 500;
	border-bottom: 1px solid transparent;
	text-transform: uppercase;*/
	}
}

@media (max-width: 500px) {
  .footer-links {
  	float:right;
	padding-top: 17px;
	margin-right: 160px;
	}
}

@media (max-width:500px) {
	.main-footer h2 {
		margin-left: 3%;
		font-size: 18px;
	}
}

@media (max-width:500px) {
	.main-footer p {
		margin-left: 3%;
	}
}



/* END FOOTER */

/* Begin Contact Form*/
.share-story {
	height: auto;
	background: #F0F2EB;
	/*background: url(http://subtlepatterns.com/patterns/light_grey.png);*/
	border-top: solid #fff 1px;
}


.story-form h1 {
color: #2B2B2B  !important; 
font-family: "source-code-pro",sans-serif !important;
font-weight: 100;
text-transform: uppercase !important;
text-align: center;
font-size: 30px;
}

.story-form label {
color: #333;
font-family: "source-code-pro",sans-serif !important;
}

.send-button {
	padding-left: 35px;
}

/* END CONTACT FORM */

 /*Begin Quote Section/*/
.aaron-quote {
	background: url('../images/background3.jpg');
	background-attachment: fixed;
	background-repeat:no-repeat;
	border-bottom: solid #F54641 1px;
	border-top: solid #F54641 1px;
}
	
.share-a-quote {
	color:#a8a8a8 !important;
	font-size: 23px !important;
	font-family: "source-code-pro", sans-serif !important;
	margin-bottom: 60px !important;
	font-weight: 100 !important;
	margin-top: -30px !important;
}

.share-a-quote a{
	color:  #11A8A2 !important;
}

.aaron-quote-transparent{
	/*height:565px;*/
	/*background: rgba(240,242,235, 0.75);*/
	background: rgba(34, 34, 34, 0.45);
	width:100%;
	padding-top: 100px;
}

.aaron-quote img{
	float:right;
	border-radius: 50px;
	width: 21%;
	margin-left: -31px;
}

@media (max-width: 500px) {
	.aaron-quote-transparent{
	/*height:565px;*/
	/*background: rgba(240,242,235, 0.75);*/
	background: rgba(34, 34, 34, 0.45);
	width:100%;
	padding-top: 100px;
	}
}

@media (max-width: 500px) {
  .aaron-quote {
    background: url('../images/background3small.jpg');
	background-attachment: fixed;
	background-repeat:no-repeat;
  }
}


.aaron-quote p{
	color: #D4D4D4;
	font-size: 27px;
	font-family: "source-code-pro", sans-serif;
	margin-bottom: 60px;
	font-weight: 100;
	margin-top: 60px;
}


.quote-credit{
	float:right;
	font-size: 24px !important;
	margin-top: -50px!important;
	color: #D4D4D4 !important;
}
/* END AARON'S QUOTE*/


.middle-quotes-transparent{
	/*background: rgba(240,242,235, 0.35);*/
	width: 100%;
	background: rgba(34, 34, 34, 0.45);
}

/*Begin Kris's Quote*/
.kris-quote-transparent{
	/*background: rgba(240,242,235, 0.75);*/
	background: rgba(34, 34, 34, 0.45);
	width:100%;
	padding-bottom: 100px;
}
/*END KRIS QUOTE*/

/*About Teddy Alternative Page*/
.about-teddy-header {
	font-family: "source-code-pro", sans-serif;
	font-weight: 100;
	/*color: #F54641;*/
	color: #2B2B2B;
	font-size: 28px;
	text-decoration: underline;
}

@media (max-width: 500px) {
	.about-teddy-header {
	font-family: "source-code-pro", sans-serif;
	font-weight: 100;
	/*color: #F54641;*/
	color: #2B2B2B;
	font-size: 28px;
	text-decoration: underline;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}
}

.about-teddy2 {
	background: url('../images/background5.jpg');
	background-attachment: fixed;
	background-repeat:no-repeat;
	width:100%;
}

@media (max-width: 500px) {
	.about-teddy2 {
		background: url('../images/about-background-small.jpg');
		background-attachment: fixed;
		background-repeat:no-repeat;
		width: 100%;
	}
}

.about-teddy-transparent{
	/*height:565px;*/
	/*background: rgba(240,242,235, 0.75);*/
	background: rgba(250, 250, 243, 0.2);
	width:100%;
	padding-top: 75px;
}

.about-teddy2 p{
	color: #333!important;
	padding-top: 25px;
	color: #D4D4D4;
	font-size: 25px;
	font-family: "source-code-pro", sans-serif;
	font-weight: 100;
}

@media (max-width: 500px) {
	.about-teddy2 p{
	color: #333!important;
	padding-top: 25px;
	color: #D4D4D4;
	font-size: 25px;
	font-family: "source-code-pro", sans-serif;
	font-weight: 100;
	text-align: left;
	padding-left:15px;
	padding-right: 15px;
}
}

.about-source {
	font-size: 15px !important;
}

.about-source a{
	color:#333 !important;
}

.about-source a:hover {
	color:#D4D4D4 !important;
}

.top a {
	float:right;
	font-size: 15.5px;
	margin-bottom: 20px;
	color: #333!important;
	font-weight: 500;
	border-bottom: 1px solid transparent;
	text-transform: uppercase;
	margin-right: -86px;
}


@media (max-width: 500px) {
.top a {
	float:right;
	font-size: 15.5px;
	margin-bottom: 20px;
	color: #333!important;
	font-weight: 500;
	border-bottom: 1px solid transparent;
	text-transform: uppercase;
	margin-right: 0px;
}