* {
  box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  padding: 15px;
}

html {
  font-family: "Lucida Sans", sans-serif;
}

.header {
  background-color: #9933cc;
  color: #ffffff;
  padding: 15px;
}

.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu li {
  padding: 8px;
  margin-bottom: 7px;
  background-color: #33b5e5;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.menu li:hover {
  background-color: #0099cc;
}

.aside {
  background-color: #33b5e5;
  padding: 15px;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.footer {
  background-color: #0099cc;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  padding: 15px;
}

@media only screen and (max-width: 482px) and (min-width: 200px) {
	/* For mobile phones: */
	[class*="col-"] {
	  width: 100%;
	}
	.schoolHeader {width: 100%;margin: 0px auto;}
	.schoolHeader .logo{display: block;margin: 15px auto;margin-top: 15px;margin-top: 25px;}
	.HeaderBox{background: #017e7e;display: block;clear: both;padding: 10px 5px;float: left;width: 100%;}
	.HeaderBox .NavIcon{color: #fff;font-size: 25px;padding: 10px;float: left;width: 45px;}
	.HeaderBox .NavIcon a{color: #fff;float: left;}
	.AddressText{width: auto;margin: 0px auto;margin-left: 45px;}
	.HeaderBox p{
		text-align: center;
		font-weight: bold;
		line-height: 25px;
		color: #fff;
		margin-bottom: 0;
	}
	.navbar{width: 100%;background: transparent !important;margin-top: 10px;margin-bottom: 20px;}

	.views-slideshow-controls-bottom{
		z-index: 99999;
		width: 100%;
		background-color: rgb(255, 255, 255);
		padding: 4px;
		margin: 0px auto;
		text-align: center;
		float: none;
		display: inline-grid;
	}
	#widget_pager_bottom_nodequeue_1-block {margin:0px;margin: 0px auto;}
	.lead {margin-top: 0px !important;}
	.lead h1 {
		font-weight: 700;
		font-size: 20px;
	}
	.admin_block {width: 100%;background:none;}
	.admin_block h2 {
		padding:10px 0px 15px;
	}
	.admin_block img {
		width: 135px;
		margin: 0px auto;
		display: block;
		float: none;
	}
	.admin_block p {
		width: 100%;
		text-align: center;
		margin: 0px auto;
		margin-top: 15px;
	}
	
	.topnav {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
	
	.bibleQuote{}
	.bibleQuote .readmore{text-align: center;}
	.bibleQuoteTxt{font-size: 20px; font-family: Blackadder ITC;text-align:center;}
	
	.ca-menu .col-md-3, .ca-menu .col-md-6{padding:0;margin:0;margin-top: 10px;margin-bottom: 20px;}
	#box_left{display:none;}
	#box_right{display:none;}
	
	
}

@media only screen and (max-width: 600px) and (min-width: 482px) {
  /* For tablets: */
	.schoolHeader {width: 100%;margin: 0px auto;}
	.schoolHeader .logo{display: block;margin: 0px auto;margin-top:15px;}
	.HeaderBox{background: #017e7e;display: block;clear: both;padding: 10px 5px;float: left;width: 100%;}
	.HeaderBox .NavIcon{color: #fff;font-size: 25px;padding: 10px;float: left;width: 45px;}
	.HeaderBox .NavIcon a{color: #fff;float: left;}
	.AddressText{width: auto;margin: 0px auto;margin-left: 45px;}
	.HeaderBox p{
		text-align: center;
		font-weight: bold;
		line-height: 25px;
		color: #fff;
		margin-bottom: 0;
	}
  
  .navbar{width: 100%;margin-bottom: 25px;background: transparent !important;margin-top: 35px;}
  
  .views-slideshow-controls-bottom{
		z-index: 99999;
		width: 100%;
		background-color: rgb(255, 255, 255);
		padding: 4px;
		margin: 0px auto;
		text-align: center;
		float: none;
		display: inline-grid;
  }
  #widget_pager_bottom_nodequeue_1-block {margin:0px;margin: 0px auto;}
	.admin_block {width: 100%;height: 410px;margin-left: 25px;}
	.admin_block h2 {
		padding: 70px 0px 20px;
		text-align: center;
		color: #223e4c;
		text-transform: uppercase;
		font-size: 18px;
		font-weight: 700;
		clear: both;
	}
	.admin_block img {
		max-width: 135px;
		margin-left: 50px;
		float: left;

	}
	.admin_block p {
		margin-top: -10px;
		max-width: 315px;
		margin-left: 20px;
		float: left;
	}
	
	.footer-widget{width:100%;}
	
	.bibleQuote{}
	.bibleQuote .readmore{text-align: center;}
	.bibleQuoteTxt{font-size: 20px; font-family: Blackadder ITC;text-align:center;}
	
	
	
	.ca-menu .col-md-3, .ca-menu .col-md-6{padding:0;margin:0;margin-top: 10px;margin-bottom: 20px;}
	#box_left{display:none;}
	#box_right{display:none;}
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
	
	.schoolHeader{width:1060px;margin: 0px auto;margin-top: -15px;}
	.schoolHeader .logo{display: block;margin-top:15px;}
	.schoolHeader .HeaderBox{position: relative; margin-top: -110px;  font-size: 12.5px; width: 195px;  float: right;  color: #000;text-align: left;}
	.HeaderBox .NavIcon{display:none;}
	
	.navbar{}
	.views-slideshow-controls-bottom{margin-top: -9px; position: absolute; z-index: 99999; width: 1060px; background-color: rgb(255, 255, 255); padding: 4px;}
	#widget_pager_bottom_nodequeue_1-block {margin:0px;margin: 0px auto;}
	
	#mobile_facility_box{display:none;}
}