/*
 * Scenic Hills Christian Academy - responsive.css
 * Generated by sql/build-css.php from the original theme sources.
 * Edit the sources and re-run, or edit this file directly once the
 * Drupal tree is retired.
 */

/* ---- source: scenichills.responsive.layout.css ---- */
/* Gutters are not currently overridden in theme settings, but may be in theme CSS */

/* smalltouch_landscape one_col_vert */
@media only screen and (min-width:321px) and (max-width:580px) {
.container {width:100%}
.two-sidebars .content-inner,.one-sidebar .content-inner,.region-sidebar-first,.region-sidebar-second {margin-left: 0; margin-right: 0}
.region-sidebar-first {width: 50%}
.region-sidebar-second {width: 50%}
.one-sidebar .sidebar {width: 100%}
.region-sidebar-first,.region-sidebar-second {overflow: hidden; margin-top: 20px; float: left; clear: none}
.region-sidebar-first.block,.region-sidebar-second .block {width: 100%}
.at-panel .region {display:inline;float:left}.three-inset-left > .inset-wrapper,.three-inset-left > .inset-wrapper > .region,.three-inset-left > .region-three-inset-left-sidebar,.three-inset-right > .inset-wrapper,.three-inset-right > .inset-wrapper > .region,.three-inset-right > .region-three-inset-right-sidebar,.three-50-25-25 > .region,.three-25-50-25 > .region,.three-3x33 > .region,.three-25-25-50 > .region,.two-50 > .region,.two-33-66 > .region,.two-66-33 > .region,.two-brick > .panel-row > .region,.six-6x16 > .panel-row > .region,.six-6x16 > .panel-row ,.five-5x20 > .panel-row > .region,.five-5x20 > .panel-row,.four-4x25 > .panel-row > .region,.four-4x25 > .panel-row {float:none;display:block;width:100%;clear:both}
}
/* tablet_portrait one_col_vert */
@media only screen and (min-width:581px) and (max-width:768px) {
.container {width:100%}
.two-sidebars .content-inner,.one-sidebar .content-inner,.region-sidebar-first,.region-sidebar-second {margin-left: 0; margin-right: 0}
.region-sidebar-first {width: 50%}
.region-sidebar-second {width: 50%}
.one-sidebar .sidebar {width: 100%}
.region-sidebar-first,.region-sidebar-second {overflow: hidden; margin-top: 20px; float: left; clear: none}
.region-sidebar-first.block,.region-sidebar-second .block {width: 100%}
.at-panel .region {display:inline;float:left}.three-inset-left > .region-three-inset-left-sidebar {width:25%;float:right}.three-inset-left > .inset-wrapper {width:75%;float:right}.three-inset-left > .inset-wrapper > .region,.three-inset-right > .inset-wrapper > .region,.three-50-25-25 > .region-three-50-25-25-first,.three-25-50-25 > .region-three-25-50-25-first,.three-3x33 > div.region-three-33-first,.three-25-25-50 > .region-three-25-25-50-first,.six-6x16 > .panel-row,.five-5x20 > div.panel-row,.five-5x20 > div.panel-row > div.region-five-fifth,.four-4x25 > .panel-row {float:none;display:block;width:100%;clear:both}.three-inset-right > .region-three-inset-right-sidebar,.three-25-50-25 > div.region-three-25-50-25-third,.three-25-25-50 > div.region-three-25-25-50-second {width:25%}.three-inset-right > .inset-wrapper {width:75%;float:left}.three-50-25-25 > .region-three-50-25-25-second,.three-50-25-25 .region-three-50-25-25-third,.three-3x33 > .region,.two-50 > .region,.two-brick > .panel-row > .region,.five-5x20 > .panel-row > div.region,.four-4x25 > .panel-row > .region {width:50%}.three-25-50-25 > div.region-three-25-50-25-second,.three-25-25-50 > div.region-three-25-25-50-third {width:75%}.two-33-66 > .region-two-33-66-first,.two-66-33 > .region-two-66-33-second {width:33.333333%}.two-33-66 > .region-two-33-66-second,.two-66-33 > .region-two-66-33-first {width:66.666666%}.two-brick > .panel-row {float:none}.six-6x16 > .panel-row > .region {width:50%;float:left}
}
/* tablet_landscape three_col_grail */
@media only screen and (min-width:769px) and (max-width:1024px) {
.container {width:100%}
#content-column,.content-column,div.sidebar {float: left; clear: none}
.two-sidebars .content-inner {margin-left: 20%; margin-right: 20%}
.sidebar-first .content-inner {margin-left: 20%; margin-right: 0}
.sidebar-second .content-inner {margin-right: 20%; margin-left: 0}
.region-sidebar-first {width: 20%; margin-left: -100%}
.region-sidebar-second {width: 20%; margin-left: -20%}
.at-panel .region {display:inline;float:left}.three-inset-left > .region-three-inset-left-sidebar,.three-inset-left > .inset-wrapper,.three-inset-left > .inset-wrapper > .region-three-inset-left-middle {float:right}.three-inset-left > .region-three-inset-left-sidebar,.three-inset-right > .region-three-inset-right-sidebar,.three-50-25-25 > .region,.three-25-50-25 > .region,.three-25-25-50 > .region {width:25%}.three-inset-left > .inset-wrapper {width:75%}.three-inset-left > .inset-wrapper > div.region-three-inset-left-inset,.three-inset-right > .inset-wrapper > div.region-three-inset-right-inset,.three-3x33 > .region,.two-33-66 > .region-two-33-66-first,.two-66-33 > .region-two-66-33-second,.five-5x20 > .row-2 > .region {width:33.333333%}.three-inset-left > .inset-wrapper > div.region-three-inset-left-middle,.three-inset-right > .inset-wrapper > div.region-three-inset-right-middle,.two-33-66 > .region-two-33-66-second,.two-66-33 > .region-two-66-33-first {width:66.666666%}.three-inset-left > .inset-wrapper > .region,.three-inset-right > .inset-wrapper > .region {width:100%}.three-inset-right > .inset-wrapper {width:75%;float:left}.three-50-25-25 > div.region-three-50-25-25-first,.three-25-50-25 > div.region-three-25-50-25-second,.three-25-25-50 > div.region-three-25-25-50-third,.two-50 > .region,.two-brick > .panel-row > .region,.five-5x20 > .row-1 > .region {width:50%}.two-brick > .panel-row {float:none}.six-6x16 > .panel-row {width:33.333333%;float:left}.six-6x16 > .panel-row > .region {float:none;display:block;width:100%;clear:both}.five-5x20 > .row-1 {width:40%}.five-5x20 > .row-2 {width:60%}.five-5x20 > .panel-row {float:left}.four-4x25 > .panel-row > .region,.four-4x25 > .panel-row {width:50%;float:left}
}
/* bigscreen three_col_grail */
@media only screen and (min-width:1025px) {
.container {width:100%;max-width:1400px}
#content-column,.content-column,div.sidebar {float: left; clear: none}
.two-sidebars .content-inner {margin-left: 25%; margin-right: 25%}
.sidebar-first .content-inner {margin-left: 25%; margin-right: 0}
.sidebar-second .content-inner {margin-right: 25%; margin-left: 0}
.region-sidebar-first {width: 25%; margin-left: -100%}
.region-sidebar-second {width: 25%; margin-left: -25%}
.at-panel .region {display:inline;float:left}.three-inset-left > .region-three-inset-left-sidebar,.three-inset-left > .inset-wrapper,.three-inset-left > .inset-wrapper > .region-three-inset-left-middle {float:right}.three-inset-left > .region-three-inset-left-sidebar,.three-inset-right > .region-three-inset-right-sidebar,.three-50-25-25 > .region,.three-25-50-25 > .region,.three-25-25-50 > .region {width:25%}.three-inset-left > .inset-wrapper {width:75%}.three-inset-left > .inset-wrapper > div.region-three-inset-left-inset,.three-inset-right > .inset-wrapper > div.region-three-inset-right-inset,.three-3x33 > .region,.two-33-66 > .region-two-33-66-first,.two-66-33 > .region-two-66-33-second,.five-5x20 > .panel-row > .region {width:33.333333%}.three-inset-left > .inset-wrapper > div.region-three-inset-left-middle,.three-inset-right > .inset-wrapper > div.region-three-inset-right-middle,.two-33-66 > .region-two-33-66-second,.two-66-33 > .region-two-66-33-first {width:66.666666%}.three-inset-left > .inset-wrapper > .region,.three-inset-right > .inset-wrapper > .region {width:100%}.three-inset-right > .inset-wrapper {width:75%;float:left}.three-50-25-25 > div.region-three-50-25-25-first,.three-25-50-25 > div.region-three-25-50-25-second,.three-25-25-50 > div.region-three-25-25-50-third,.two-50 > .region,.two-brick > .panel-row > .region,.five-5x20 > .row-1 div.region-five-first,.five-5x20 .row-1 div.region-five-second {width:50%}.two-brick > .panel-row {float:none}.six-6x16 > .panel-row {width:33.333333%;float:left}.six-6x16 > .panel-row > .region,.five-5x20 > .panel-row {float:none;display:block;width:100%;clear:both}.four-4x25 > .panel-row > .region,.four-4x25 > .panel-row {width:50%;float:left}
}

/* ---- source: scenichills.responsive.styles.css ---- */
/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries, regardless of screen size.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable got to your theme settings and
 * look under the "CSS" settings tab.
 */
/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */
/*
 * Smalltouch sizes and up
 */
/* @media only screen and (min-width: 320px) {} */
/*
 * Smalltouch sizes and down
 */
@media only screen and (max-width: 480px) {
  /* 
   * Float Region Blocks - custom media query CSS example:
   * 
   * Float regions blocks is an Extension you can enable in the appearance
   * settings for your theme. This feature allows you to automatically float
   * blocks in regions, you can switch it on and off depending on your
   * requirements. For design purposes you many want to remove the floats for
   * devices where the entire theme is just one column - for example small
   * mobile phones. The following CSS is inside the custom media query:
   *
   *   @media only screen and (max-width: 480px){}
   *
   * This will target devices with a maximum width of 480px - most small phones.
   * In these smaller screen sizes we can remove the float and widths so all
   * blocks stack instead of displaying horizonally. The selector used is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   */
  /* line 57, ../sass/responsive.custom.scss */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
}
/*
 * Tablet sizes and up
 */
/* @media only screen and (min-width: 768px) {} */
/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */




@media only screen and (max-width:320px) {
/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
/* Increase the default font size on small touch devices */
/* line 16, ../sass/responsive.smalltouch.portrait.scss */
body {
  font-size: 100%;
}

/* =============================================================================
 *   Mobile Menu Toggle
 *   See your theme settings extensions for how to enable the menu toggle.
 *   These are example styles for the menu toggle menu, you can use these in the
 *   relevant responsive stylesheets as required. Modify to suit your design.
 * ========================================================================== */
/* line 26, ../sass/responsive.smalltouch.portrait.scss */
.at-mt .at-menu-toggle {
  /* The toggle link */
  /* Menu items */
}
/* line 28, ../sass/responsive.smalltouch.portrait.scss */
.at-mt .at-menu-toggle h2 {
  margin-bottom: 5px;
}
/* line 31, ../sass/responsive.smalltouch.portrait.scss */
.at-mt .at-menu-toggle h2 a {
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
}
/* line 39, ../sass/responsive.smalltouch.portrait.scss */
.at-mt .at-menu-toggle ul.menu li a {
  background: #eee;
  border-bottom: 1px solid #fff;
}



}
@media only screen and (min-width:321px) and (max-width:580px) {
/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
/* Increase the body font size on small touch devices */
/* line 16, ../sass/responsive.smalltouch.landscape.scss */
body {
  font-size: 100%;
}

/* =============================================================================
 *   Mobile Menu Toggle
 *   See your theme settings extensions for how to enable the menu toggle.
 *   These are example styles for the menu toggle menu, you can use these in the
 *   relevant responsive stylesheets as required. Modify to suit your design.
 * ========================================================================== */
/* line 26, ../sass/responsive.smalltouch.landscape.scss */
.at-mt .at-menu-toggle {
  /* The toggle link */
  /* Menu items */
}
/* line 28, ../sass/responsive.smalltouch.landscape.scss */
.at-mt .at-menu-toggle h2 {
  margin-bottom: 5px;
}
/* line 31, ../sass/responsive.smalltouch.landscape.scss */
.at-mt .at-menu-toggle h2 a {
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
}
/* line 39, ../sass/responsive.smalltouch.landscape.scss */
.at-mt .at-menu-toggle ul.menu li a {
  background: #eee;
  border-bottom: 1px solid #fff;
}



}
@media only screen and (min-width:581px) and (max-width:768px) {
/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
/* Increase the body font size on small devices */
/* line 16, ../sass/responsive.tablet.portrait.scss */
html {
  font-size: 81.3%;
}



}
@media only screen and (min-width:769px) and (max-width:1024px) {
/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete 
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */



}
@media only screen and (min-width:1025px) {
/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */



}

/* ---- source: custom-responsive.css ---- */
@media (max-width: 1600px) {
	.home-banner {
		height: 490px;
		
	}

}




@media (max-width: 1400px) {
	.container {
		width: 96% !important;
		padding-left: 2% !important;
		padding-right: 2% !important;
		overflow-x: hidden; 
	}
	.header .logo {
		width: 30%;
		margin-right: 2%;
	}
	.top-nav {
		width: 68%;
	}
	.top-nav-primary span.sf-depth-1, .top-nav-primary a.sf-depth-1 {
		font-size: 18px;
	}
	.top-nav-secondary a {
		font-size: 14px;
	}
	#top-nav-secondary-connect {
		padding: 7px 10px;
	}
	.home-sections .views-column {
		height: 360px;
	}
	.home-sections .home-section-title {
		font-size: 29px;
		margin-top: 120px;
	}
	.home-sections .home-section-wrapper:hover > .home-section-title {
		margin-bottom: 10px;
	}
	.home-sections .views-field-description p {
		font-size: 14px;
		line-height: 21px;
	}
	.newsletter-signup h3 {
		font-size: 24px;
	}
	.newsletter-signup #mc_embed_signup {
		padding-top: 20px;
	}
	.home-banner {
		height: 420px;
		
	}
	.home-sections .views-row-1 .views-column-1 {
		
	}
}	







@media (max-width: 1200px) {
	.header .logo {
		width: 27%;
	}
	.top-nav {
		width: 71%;
	}
	.top-nav-primary span.sf-depth-1, .top-nav-primary a.sf-depth-1 {
		font-size: 17px;
		padding: 15px 15px;
	}
	.top-nav-secondary a {
		padding-right: 8px;
	}
	#top-nav-secondary-connect {
		padding: 5px 8px;
		margin-top: -4px;
	}
	.home-banner {
		height: 420px;
		
	}
	.home-slogan h4, .home-stats h2 {
		font-size: 32px;
	}
	.home-slogan p, .home-stats p {
		font-size: 22px;
		line-height: 35px;
	}
	.home-slogan {
		padding: 65px 0px 20px 0px;
	}
	.events-section {
		padding: 50px 0px 70px 0px;
	}
	.home-section-title {
		font-size: 40px;
	}
	.view-featured-event .views-field-title {
		font-size: 23px;
		padding-top: 0px;
		line-height: 28px;
	}
	.view-events-feed .views-field-title {
		padding-top: 3px;
	}
	.view-events-feed .views-field-title {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 9px;
	}
	.icon-text {
		font-size: 14px;
	}
	.home-sections .home-section-title {
		font-size: 25px;
		margin-top: 100px;
	}
	.home-sections .views-column {
		height: 300px;
	}
	.home-sections .home-section-wrapper:hover > .home-section-title {
		margin-top: 29px;
	}
	.home-sections .views-field-description p {
		width: 80%;
		font-size: 12px;
	}
	.home-alt-content .home-alt-left {
		padding: 30px 100px 140px 0px;
	}
	#home-alt-christian-education-2 {
		height: 150px;
	}
	.home-alt-content .home-alt-right {
		padding: 40px 0px 110px 0px;
	}
	#home-alt-digital-motive-2 {
		height: 260px;
		top: 40px;
	}
	#home-alt-digital-motive-3 {
		height: 160px;
		z-index: 999;
		bottom: -50px;
	}
	.newsletter-signup h3 {
		font-size: 22px;
	}
	.newsletter-signup #mc_embed_signup .mc-field-group input {
		font-size: 16px;
		padding: 9px 0px;
	}
	.newsletter-signup #mc_embed_signup #mc-embedded-subscribe {
		font-size: 16px;
		padding: 9px 0px;
	}
	.newsletter-signup #mc_embed_signup {
		width: 55%;
	}
	.newsletter-signup h3 {
		width: 45%;
	}
	.footer .footer-nav ul a {
		font-size: 14px;
	}
	.sub-banner {
		height: 200px;
	}
	.region-sidebar-second .block-title {
		line-height: 27px;
	}
	.view-all-teachers .views-field-name a {
		font-size: 17px;
	}
	.staff-content-main {
		float: none;
		width: 100%;
	}
	#content .table-half {
		width: 75%;
	}
	.view-photo-galleries .views-row{
		margin-bottom: 30px;
	}
	#content .yt-embed {
		height: 360px;
	}
	.home-alt-content .home-alt-christian-education .home-alt-right {
    	
	}
}







@media (max-width: 1100px) {
	.top-nav .top-nav-secondary {
		padding-top: 6px;
	}
	.top-nav .top-nav-primary {
		margin-top: 8px;
	}
	.top-nav-primary span.sf-depth-1, .top-nav-primary a.sf-depth-1 {
		padding: 15px 11px;
	}
	.top-nav-secondary a {
		font-size: 13px;
	}
	#top-nav-secondary-connect {
		margin-left: 7px;
	}
	.home-banner {
		height: 400px;
		
	}
	.home-slogan h4, .home-stats h2 {
		font-size: 29px;
	}
	.home-slogan p, .home-stats p {
		font-size: 20px;
		line-height: 32p;
	}
	.home-slogan {
		padding: 45px 0px 0px 0px;
	}
	.home-sections .views-column {
		height: 300px;
	}
	.home-sections .home-section-title {
		font-size: 28px;
		margin-top: 130px;
	}
	.sub-banner {
		height: 180px;
	}
	.view-lunch-menus .views-column, .file-grid .views-column {
		font-size: 18px;
		line-height: 20px;
	}
	.view-lunch-menus .views-column img {
		width: 50%;
	}
	#content .yt-embed {
		height: 290px;
	}
	.home-sections .views-row-1 .views-column-1 {
		
	}
}






@media (max-width: 1000px) {
	.header .logo {
		width: 23%;
	}
	.top-nav {
		width: 75%;
	}
	.top-nav-primary span.sf-depth-1, .top-nav-primary a.sf-depth-1 {
		font-size: 15px;
	}
	.top-nav-secondary a {
		padding-right: 8px;
	}
	.events-wrapper .view-featured-event {
		width: 59%;
	}
	.view-events-feed {
		width: 41%;
	}
	.home-alt-content .home-alt-left {
		padding: 30px 100px 60px 0px;
	}
	#home-alt-christian-education-2 {
		height: 120px;
	}
	.home-alt-icon {
		height: 50px;
	}
	.home-alt-content .home-alt-right {
		padding: 40px 0px 10px 0px;
	}
	#home-alt-digital-motive-3 {
		display: none;
	}
	#home-alt-digital-motive-2 {
		top: 90px;
	}
	.home-alt-content .home-alt-left {
		padding: 30px 100px 10px 0px;
	}
	.home-alt-content h2 {
		font-size: 26px;
	}
	.home-stats .home-state-block .home-stat-number {
		font-size: 44px;
	}
	.view-latest-news .views-field-title a {
		margin-bottom: 5px;
		line-height: 21px;
	}
	.view-latest-news .views-field-body {
		font-size: 13px;
		line-height: 19px;
	}
	.newsletter-signup h3 {
		font-size: 21px;
	}
	.newsletter-signup #mc_embed_signup .mc-field-group input {
		font-size: 14px;
		padding: 7px 0px;
	}
	.newsletter-signup #mc_embed_signup #mc-embedded-subscribe {
		font-size: 14px;
		padding: 7px 0px;
		width: 22%;
	}
	.newsletter-signup #mc_embed_signup .mc-field-group {
		width: 36%;
	}
	.footer .footer-contact {
		width: 25%;
	}
	.footer .footer-nav {
		width: 25%;
	}
	.sub-banner {
		height: 150px;
	}
	.view-all-teachers .views-column {
		padding: 0px 10px;
	}
	.home-banner {
		height: 290px;
		
	}
}






@media (max-width: 900px) {
	.top-nav-primary span.sf-depth-1, .top-nav-primary a.sf-depth-1 {
		padding: 15px 8px;
		font-size: 14px;
	}
	.top-nav-secondary {
		display: none;
	}
	.home-banner {
		height: 260px;
		
	}
	.home-slogan h4, .home-stats h2 {
		font-size: 25px;
	}
	.home-slogan p, .home-stats p {
		font-size: 17px;
		line-height: 29px;
	}
	.home-sections .views-column {
		height: 280px;
	}
	.home-sections .home-section-title {
		font-size: 26px;
		margin-top: 110px;
	}
	.home-sections .home-section-wrapper:hover > .home-section-title {
		margin-top: 13px;
	}
	.home-sections .home-section-more a {
		font-size: 35px;
	}
	.home-alt-icon {
		display: none;
	}
	#home-alt-christian-education-2 {
		display: none
	}
	#home-alt-digital-motive-2 {
		display: none;
	}
	.home-alt-content .home-alt-digital-motive .home-alt-right {
		padding-left: 40px;
	}
	.home-alt-content .home-alt-left {
		padding: 30px 30px 10px 0px;
	}
	.home-stats .home-state-block {
		width: 50%;
	}
	.newsletter-signup h3 {
		width: 100%;
		text-align: center;
	}
	.newsletter-signup #mc_embed_signup {
		width: 100%;
		padding-top: 0px;
	}
	.footer .footer-contact {
		width: 28%;
	}
	.footer .footer-logo {
		width: 12%;
	}
	.sub-banner {
		height: 140px;
	}
	.view-all-teachers .views-field-name a {
		font-size: 14px;
	}
	.view-all-teachers .views-column {
		margin-bottom: 20px;
		padding: 0px 15px;
	}
	.view-lunch-menus .views-column, .file-grid .views-column {
		width: 33.33333333%;
	}
	.home-alt-content .home-alt-christian-education .home-alt-right {
    	
	}
}	







@media (max-width: 768px) {
	.header .logo {
		width: 100%;
		text-align: center;
		margin: 0px 0px 15px 0px;
	}
	.header .logo img {
		width: 45%;
	}
	.top-nav {
		width: 100%;
	}
	.top-nav .top-nav-primary {
		width: 100%;
		text-align: center;
	}
	.top-nav #superfish-1-toggle span {
	    font-size: 20px;
	    font-weight: 600;
	    color: #000;
	    text-transform: uppercase;
	    margin-bottom: 20px;
	}
	.top-nav-primary span.sf-depth-1:hover, .top-nav-primary a.sf-depth-1:hover {
		text-align: center;
	}
	.top-nav-primary span.sf-depth-1, .top-nav-primary a.sf-depth-1 {
		text-align: center;
		font-size: 20px;
	}
	.top-nav-primary .sf-depth-1 ul {
		text-align: center;
		background: none;
		margin-top: 0px !important;
		padding: 0px 0px !important;
		-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.0);
		-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.0);
		box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.0);
		border: 0px solid #ccc;
		color: #000;
	}
	.top-nav-primary .sf-depth-1 ul span.sf-depth-2, .top-nav-primary .sf-depth-1 ul a.sf-depth-2 {
		color: #000;
		text-align: center;
		font-size: 17px;
		font-weight: 500;
		border-bottom: 0px solid #ccc;
		background: none;
	}
	.top-nav-primary .sf-depth-1 ul span.sf-depth-2:hover, .top-nav-primary .sf-depth-1 ul a.sf-depth-2:hover {
		background: none;
	}
	ul.sf-menu li:hover, ul.sf-menu li.sfHover {
		outline: 0;
		border-bottom: 2px solid #ccc;
		border-left: 2px solid #ccc;
		border-right: 2px solid #ccc;
	}
	#home-alt-digital-motive-3 {
		display: none;
	}
	.home-banner {
		height: 220px;
		
	}
	.home-slogan h4, .home-stats h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.home-slogan p, .home-stats p {
		font-size: 16px;
	}
	.home-sections .views-column {
		height: 210px;
	}
	.home-sections .home-section-title {
		font-size: 22px;
		margin-top: 80px;
		-webkit-transition: all 0.0s; /* Safari prior 6.1 */
		transition: all 0.0s;
	}
	.home-sections .views-field-description p {
		display: none;
	}
	.home-sections .home-section-more a {
		display: none;
	}
	.home-sections .home-section-wrapper:hover > .home-section-title {
		margin-top: 80px;
		text-align: center;
		-webkit-transition: all 0.0s; /* Safari prior 6.1 */
		transition: all 0.0s;
	}
	.events-wrapper .view-featured-event {
		width: 100%;
	}
	.view-events-feed {
		width: 100%;
	}
	.view-events-feed .date-cal {
		width: 15%;
	}
	.home-alt-content h2 {
		font-size: 22px;
		margin-bottom: 10px;
	}
	.home-alt-content p {
		font-size: 14px;
		line-height: 24px;
	}
	.home-alt-content-mobile {
		display: block;
	}
	.home-alt-content-desktop {
		display: none;
	}
	.home-alt-content-mobile .home-alt-content-left, .home-alt-content-right {
		padding: 10px 0px;
	}
	.home-alt-content-mobile .home-alt-content-right {
		color: #ccc;
	}
	.view-latest-news .views-column {
		width: 100%;
		margin-bottom: 25px;
	}
	.view-latest-news .views-field-title a {
		font-size: 22px;
	}
	.view-latest-news .views-field-body {
		font-size: 15px;
		line-height: 25px;
	}
	.footer {
		padding: 20px 0px;
	}
	.footer .footer-powered {
		width: 100%;
		text-align: center;
	}
	.footer .footer-logo {
		width: 100%;
		text-align: center;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.footer .footer-logo img {
		width: 20%;
	}
	.footer .footer-contact {
		width: 100%;
		text-align: center;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.footer .icon-text {
		background: none;
		text-indent: 0px;
		font-size: 18px;
		margin-bottom: 20px;
	}
	.footer .footer-nav {
		width: 100%;
		margin-right: 0px;
		text-align: center;
	}
	.footer .footer-nav ul {
		width: 100%;
	}
	.footer .footer-nav ul a {
		display: block;
		font-size: 18px;
		line-height: 38px;
	}
	.footer .footer-section h4 {
		margin-bottom: 10px;
	}
	.footer .footer-nav .footer-social img {
		margin: 0px 20px;
	}
	.sub-banner {
		height: 100px;
	}
	#columns .content-inner {
		padding-right: 0px;
	}
	#main-content {
		padding-bottom: 0px;
	}
	.one-sidebar .sidebar {
		padding-top: 0px;
	}
	.sidebar p {
		font-size: 17px;
	}
	#content .table-half {
		width: 100%;
	}
	.view-lunch-menus .views-column, .file-grid .views-column {
		width: 50%;
	}
	.view-lunch-menus .views-column img {
		width: 40%;
	}
	.view-supply-lists .views-column img {
		width: 30%;
		margin-bottom: 10px;
	}
	.view-supply-lists .views-field-name {
		display: block;
		height: 50px;
	}
	.news-featured-img {
		-webkit-box-shadow: 8px 8px 0px 0px rgba(2, 35, 102, 0.7);
		-moz-box-shadow: 8px 8px 0px 0px rgba(2, 35, 102, 0.7);
		box-shadow: 8px 8px 0px 0px rgba(2, 35, 102, 0.7);
	}
	#content form {
		width: 100%;
	}
	#block-webform-client-block-13 {
		width: 100%;
		padding-right: 0px;
	}
	#block-system-main {
		width: 100% !important;
		padding-left: 0px !important;
	}
	#content .yt-embed {
		width: 100%;
		height: 440px;
	}
	#content .video-embed {
		width: 100%;
	}
}	







@media (max-width: 600px) {
	.home-sections .views-column {
		height: 150px;
	}
	.home-sections .home-section-title {
		font-size: 19px;
		margin-top: 60px;
	}
	.sub-banner {
		height: 80px;
	}
	.view-all-teachers .views-column {
		width: 50%;
		padding: 0px 10px;
	}
	.view-all-teachers .views-field-name a {
		font-size: 16px;
	}
	.view-photo-galleries .views-field-field-photos a {
		padding: 3px;
	}
	#content .yt-embed {
		height: 330px;
	}
	.home-banner {
		height: 170px;
		
	}
}







@media (max-width: 540px) {
	.home-banner {
		height: 150px;
		
	}
	.home-slogan h4, .home-stats h2 {
		font-size: 19px;
	}
	.home-slogan p, .home-stats p {
		font-size: 13px;
		line-height: 23px;
	}
	.home-sections .views-column {
		width: 50%;
		height: 170px;
	}
	.view-featured-event .views-field-field-event-description {
		display: none;
	}
	.view-featured-event .views-field-title {
		font-size: 19px;
		line-height: 22px;
	}
	.home-section-title {
		font-size: 32px;
		text-align: center;
	}
	.events-wrapper .view-featured-event {
		display: none;
	}
	.view-events-feed {
		border: 0px;
	}
	.events-wrapper {
		border: 0px;
	}
	.home-stats .home-state-block {
		width: 100%;
		margin-bottom: 30px;
	}
	#page-title, #news-page-title {
		font-size: 26px;
	}
	.photo-grid .views-column {
		width: 25%;
		padding: 4px;
	}
	#content .donation-form .other {
		width: 50%;
	}
	#content .yt-embed {
		height: 290px;
	}
}	







@media (max-width: 480px) {
	.home-banner {
		height: 170px;
		
	}
	.home-slogan h4, .home-stats h2 {
		margin-bottom: 10px;
	}
	.header .logo img {
		width: 65%;
	}
	.home-section-title {
		font-size: 24px;
	}
	.view-events-feed .date-cal {
		width: 19%;
	}
	.view-latest-news .views-field-title a {
		font-size: 20px;
	}
	.newsletter-signup h3 {
		font-size: 19px;
	}
	.sub-banner {
		height: 70px;
	}
	#content h2, .region-sidebar-second .block-title {
		font-size: 21px;
	}
	#content p, #content li, .sidebar p {
		font-size: 15px;
	}
	#content ul, #content ol {
		padding-left: 30px;
	}
	#page-title, #news-page-title {
		font-size: 24px;
		line-height: 28px;
	}
	.body-image-right-shadow {
		width: 100% !important;
   		margin: 0px 0px 20px 0px !important;
	}
	.view-lunch-menus .views-column, .file-grid .views-column {
		font-size: 16px;
	}
}	







@media (max-width: 360px) {
	.home-banner {
		height: 130px;
		
	}
	.home-sections .views-column {
		height: 140px;
	}
	.home-sections .home-section-title {
		font-size: 18px;
	}
	.newsletter-signup #mc_embed_signup .mc-field-group {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.newsletter-signup #mc_embed_signup #mc-embedded-subscribe {
		width: 100%;
	}
	.view-all-teachers .views-column {
		width: 100%;
	}
	#content .yt-embed {
		height: 190px;
	}
}