body {
	font-family:'UniversLTStd45Light', Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #333;
	background-color: #E0DBD0;
	padding-top: 110px;
  }
  
  li.divider {border-right: 1px solid #333; display: block; height: 35px; margin-top: 2px;}
  .container {padding: 0 18px; clear:both; background: #fff;}
  .container.homeslide{width: 100%;height: auto;overflow: hidden;float: left;clear: both;}
  .homeslide img{margin: 0 -18px;}
  .container.main {padding:32px 32px 0 32px; display:block; z-index:10; position:relative;}
  
  .circle{border-radius:50%; width: 80px; height: 80px; display:inline-block;}
  .circle p {font-size:16px;margin-top: 35%;color: #333;text-align: center;}
  .circle-white { color: white;}
  .green {background-color:#90C33E;}
  .orange {background-color:#F09220;}
  .blue {background-color:#31B5D3; }
  
  .dropdown-menu li {display:inline-block;}
  .dropdown-menu li a {padding: 2% 5%;}
  .dropdown-menu li a img {width: 75%;}
  .dropdown-menu.collapse.in { overflow-y: visible;height: auto;}
  .dropdown-menu:before, .dropdown-menu:after {clear:both;  display: table; content: " ";}
  .dropup, .dropdown { position: relative; width: 75px;}
  .navbar-nav .dropdown a {padding-bottom:30px;}
  
  .navbar-nav {float: right;margin: 0px;font-size:14px; width:auto;}
  .navbar-default .navbar-nav > li > a { color: #333;}
  .navbar-default {background-color: #E0DBD0;border-bottom: 2px solid #E0DBD0;}
  /*.navbar-header, .navbar-collapse{padding-top:18px;}*/
  .navbar-fixed-top .navbar-collapse {max-height: 100%}
  .navbar-default .navbar-toggle{border-color:transparent;}
  .navbar-toggle {float:left; border-radius: 0px;margin:0;padding: 15px; margin-left:-15px;}
  a.navbar-brand{padding:15px 5px 0 15px;}
  .nav li a {padding: 10px 8px;}
  .navbar-nav li.active a, .navbar-default .navbar-nav > li > a:hover {color:#90C33E;}
  
  #login {background-color:#90C33E; display: inline-block; margin-right:-18px;}
  #login a{color: #fff;}
  #login a{padding: 28px 25px;}
  
  .menuButton {position:relative;color: #040505;display:inline-block;float:left; line-height: 23px;}
  #hamburger {display:inline-block; padding: 0 0 0 5px;}
  
  footer {background-color: #FCFBFA;font-size: 85%;color: #666;height: 70px; width: 100%; padding: 15px 15px 15px 32px; display: block; position:relative; float:left;}
  .footer_padding{
	  padding-left: 0px !important;
	  padding-right: 0px !important;
  }
  .quoteName { background-color:#fff; color:#777; font-size: 80%; padding:15px; left:0; height:90px; line-height:1.4em}
  blockquote {position: relative;width: 90%;margin: 0 auto;padding: 5% 65px;text-align: left;border-left: 0px;z-index: 2;}
  blockquote.blockquote-reverse{border-right: 0px; padding: 10px 20px;}
  blockquote:before, blockquote:after {content: "";}
  blockquote:before {display: block;position: absolute;left: 0px; width: 55px;height: 55px;background:url(../imgs/quotesmarks-start.png) no-repeat; background-size: 50% 50%;z-index: 3;}
  blockquote.blockquote-reverse:before{right:0;}
  blockquote:after {display: block;position: absolute;right: 0px;width: 55px;height: 55px;background:url(../imgs/quotesmarks-end.png) no-repeat; background-size: 50% 50%;z-index: 3; bottom:40px;}
  
  .homepageImg{width: 50%;height: auto; overflow: hidden;clear: both; margin:0 auto;}
  .homepageImg img {display:block; width:100%; vertical-align:middle;}
  .homepageCol {padding: 0 18px;}
  .homepageCol div{padding:0;}
  @media (min-width: 992px) and (max-width: 1200px) {
	  .container.carousel_container{padding-top: 120px;}
  }
  @media (min-width: 320px) and (max-width: 991px) {
	  .navbar-nav {float:none;}
	  li.divider {display: none;}
	  .footer_padding{margin-left:0;}
	  /* .dropdown-menu {left:-15px; width:100vw} */
	  .navbar-nav .dropdown a {padding-bottom:10px;}
	  .nav.navbar-nav.rightside {float:right;}
	  .container.main, .container.marketing {padding:0;}
	  .container.marketing .welcomeCopy {padding: 0 32px;}
	  .gradeContent {padding-top:32px;}
	  .container{padding-right:15px; padding-left:15px;}
	  .nav > li > a {padding:8px;}
	  .navbar-nav > li{float:none;}
	  .navbar-toggle {display: block }
	  .nav-rightside{float:right;}
	  .navbar-brand img.logo{height:40px;margin:0 auto;}
	  .navbar-brand{width:65%; display:inline-block; margin: 0 auto !important;}
	  .navbar-header{text-align:center; width:100%; margin-right:0px !important; margin-left:0px !important;}
	  a.navbar-brand{padding:5px 5px 0 5px;}
	  #login {margin-right:-15px;}
	  #login a{padding: 18px 25px;}
	  .homepageImg{width: 10%;}
	  .caption_headings {margin-top:18px;}
	  
	  .navbar .elementary_school{
			color: #90C33E !important;
			font-weight: bold;
			font-size: 18px;
			margin: 0 5px 5px 18px;	
	  }
	  
	  /* .navbar .gradesContainer{
		  margin: 0 1% 3% 0;	
	  } */
	  
	  .navbar .middle_school{
			color: #F09220 !important;
			font-weight: bold;
			font-size: 18px;
			margin: 0 5px 5px 18px;	
	  }
	  .navbar .high_school{
			color: #31B5D3 !important;
			font-weight: bold;
			font-size: 18px;
			margin: 0 5px 5px 18px;	
			padding-bottom: 15px;
	  }
	  .navbar .dropdown-header{
		  display: none !important;	
	  }
	  .navbar .circle{
		  border-radius: 0%;
		  width: 32%; 
			 height: 0px;	
		  margin: 0 auto;
	  }
	  
	  .navbar .holder div:nth-child(3) {
		  margin-bottom: 24px;
	  }
  
	  .navbar-collapse.in {
		  overflow-y: initial;
	  }
	  
  }
  
  @media screen and (max-width: 489px) {
	  .container.main {padding:0;}
	  footer{left:0; padding:15px; height:90px;}
	  .navbar-brand{max-width:63%; display:inline-block; margin: 0 auto;}
	  .homeslide img{width:120%;}
	  .carousel .item{height: 110px;}
	  .homepageCol{padding: 0;}
	  blockquote{padding:25px;}
	  .container.marketing .welcomeCopy {padding: 0 18px;}
	  
  }
  
  @media screen and (min-width: 489px) and (max-width:768px){
	  .homepageImg{width: 10%;}
	  .container{margin-left:0; margin-right:0; width:100%;}
	  body{background-color:#fff;}
	  .carousel-inner{height: 210px;}
	  .callout_container{height: 210px;}
	  .homeslide img{width:120%;}
  }
  
  @media screen and (min-width: 768px) and (max-width: 991px) {
	  .gradeContent, .sidebar{margin-top:32px;}
	  .navbar-brand{width:77%;}
	  .carousel-inner{height: 210px;}
	  .callout_container{height: 210px;}
	  .homeslide img{width:120%;}
  }
  
  @media (min-width: 992px) {
	.container > .navbar-header,
	.container-fluid > .navbar-header,
	.container > .navbar-collapse,
	.container-fluid > .navbar-collapse { margin-right: 0;margin-left: 0;}
	.navbar-static-top { border-radius: 0;}
	.navbar-fixed-top, .navbar-fixed-bottom {border-radius: 0;}
	.navbar-collapse { width: auto; border-top: 0;-webkit-box-shadow: none; box-shadow: none;}
	.navbar-collapse.collapse {display: block !important;height: auto !important;padding-bottom: 0;overflow: visible !important;}
	.navbar-collapse.in { overflow-y: visible; }
	.navbar-fixed-top .navbar-collapse,
	.navbar-static-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse {padding-right: 0;padding-left: 0;}
	.homeslide img{width:110%;}
	.carousel-inner{height: 280px;}
	.callout_container{height: 280px !important;}
	.navbar-header { float: left;}
  }
  @media (min-width: 992px) and (max-width: 1199px) {
	  /* .dropdown-menu {width: 970px; left:-270px;} */
	  .navbar-form .form-control{max-width:175px;}
  }
  
  .welcome { padding: 10px 8px; color: #f09220; font-weight: bold; }