html {
margin: auto;
}

.mySlides {
  /* display: none;  */
     display: block;

}
.w3-container {
top: 30%;
}

.w3-content {
margin-top: 51px;

/* overflow: scroll; */
}

.contactus {
overflow: scroll; 
}	

.top {
   position: fixed; 
  top:0;
  width: 100%;
   z-index:1;  
}

.bar {
  width:100%;
  overflow: hidden;
  display: inline-block;
  width: auto;
  font-size: 18px;
  weight: 400;
  
}

html{
  box-sizing:border-box;
}
*,*:before,*:after{box-sizing:inherit;
}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
/* body{margin:0} */
footer,header,main,menu,nav{display:block}
summary{display:list-item}

a{background-color:transparent}a:active,a:hover{outline-width:0}


b,strong{font-weight:bolder}
dfn{font-style:italic}
mark{background:#ff0;color:#000}

img{border-style:none}

button,input,select,textarea,o{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}
button,select{text-transform:none}
/* button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button} */
/* button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}  */

/* button:-moz-focusring,[type=button]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText} */

button{height:auto}

html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}
body {
  font-family: "Chivo", sans-serif;
  font-size: 18px;
  line-height:1.5;
    
}


html{overflow-x:hidden}
h1{font-size:86px;
   weight:900;
  
}

h2{font-size:30px}
h3{font-size:24px}


h1,h2,h3 {
font-family:"Chivo",Arial,sans-serif;
font-weight:400;
margin:10px 0
}

img{vertical-align:middle}

a{color:inherit}

.mainheading1, .mainheading2 {
   text-align: center;
   font-size: 5vw;
   color: white;
   text-shadow: 0px 0px 40px black;
}

.welcome1, .welcome2 {
  text-align: center;
  font-size: 1.5vw; 
  color: white;
  text-shadow: 0px 0px 30px black;
}


.appl_link, .contact_link {
    
    color: black;
    padding: 7px;
    border-color: black;
    border-width: 2px;
    border-style: solid;
    border-radius: 5px;
    width: 350px;
    max-width: 100%;
    text-align: center;
  /* this makes the button center */
    margin: auto;
 
}


 .form_link{
    
    color: black;
    padding: 7px;
    border-color: black;
    border-width: 2px;
    border-style: solid;
    border-radius: 5px;
    width: 350px;
    max-width: 100%;
    text-align: center;
  /* this makes the button center */
    margin: auto;
 
}



.appl_link:hover {
  background-color: grey;
  }
.contact_link:hover {
  background-color: grey;
}
  


.applbutton, .contactbutton, .submitbutton {
  text-decoration: none;
}


.aboutrow {
  box-sizing: border-box;
  text-align: justify;
}

/* Create two equal columns that floats next to each other */
.aboutcolumn {
  float: left;
  width: 50%;
  padding: 15px;
 
}

/* Clear floats after the columns */
.aboutrow:after {
  content: "";
  display: table;
  clear: both;
}

.schoolbus {
   text-align: left;
  margin-left: 15em;

}

.w3-button
{
 
  display:inline-block;
  padding:8px 16px;
  vertical-align:middle;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  background-color:inherit;
  text-align:center;
  cursor:pointer;
  white-space:nowrap}


.w3-button .applbutton .contactbutton, .submitbutton {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none} 

.w3-button:disabled{
  cursor:not-allowed;
  opacity:0.3}


input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}


.w3-button:first-child,
.w3-button:first-child{background-color:#ccc;color:#000}


.w3-bar-block .w3-bar-block {width:100%}
.w3-bar-block .w3-bar-block {min-width:100%}
.w3-bar-block .w3-button,.w3-bar-block .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}


.w3-bar{
width:100%;
overflow:hidden;
background-color: rgba (225, 225, 225, 0.4);
}
.w3-center 
.w3-bar{display:inline-block;width:auto}
.w3-bar 
.w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar {
position:static;
float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{
width:100%;
display:block;
padding:8px 16px;
text-align:left;
white-space:normal;
float:none;
outline:0}

.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}

/* .w3-responsive{display:block;overflow-x:auto} */
.w3-responsive{display:block;}

.w3-col,.w3-half,.{float:left;width:100%}


.busleft, .register-left{
  text-align: left;
}


.busheading {
  font-size: 25px;
}
.active_curr {
background-color:#ccc
}



@media (min-width:993px)

.w3-rest{overflow:hidden}
.w3-stretch{margin-left:-16px;margin-right:-16px}
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}
.w3-content{
/* max-width:980px; */
}
.w3-auto{
max-width:1140px}

.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}

@media (max-width:1205px)
{.w3-auto{max-width:95%}}

@media (max-width:600px)
{
.w3-hide-small{
display:none!important
}
  .w3-bar-item{
text-align:center
}
.w3-button applbutton contactbutton submitbutton {
width:100%;
}

.w3-button {
background-color: #ccc;
border-bottom: 1px solid white;
}

}



@media (min-width:993px){
 .w3-hide-large{display:none!important}}

@media (max-width:992px) and (min-width:601px)
{
.w3-hide-medium{
display:none!important
}
.w3-content {
margin-top: 100px;
}
}



@media (max-width: 1780px) {
.mainheading1 {
top: 30%;
}

.mainheading2 {
top: 30%;
}

.welcome1 {
font-size: 2vw;
}
 .welcome2 {
font-size: 2vw;
}

}

@media (max-width: 1408px) {
.mainheading1 {
top: 20%;
}
 .mainheading2 {
top: 20%;
}
}

@media (max-width:1025px) {
.w3-container {
top:20%;
}
}



@media (max-width: 920px) {
.mainheading1 {
top: 15%;
}
 .mainheading2 {
top: 15%;
}

.welcome1 {
font-size: 4vw;
}

.welcome2 {
font-size: 4vw;
}

}

	
@media (max-width: 816px) {
.mainheading1 {
top: 10%;
}
 .mainheading2 {
top: 10%;
}

.welcome1,  {
font-size: 4vw;
}
 .welcome2 {
font-size: 4vw;
}
}





@media (max-width:992px){
 .w3-main{margin-left:0!important;margin-right:0!important}
  }
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}
.w3-top{top:0}.w3-bottom{bottom:0}

/* school bus info */

@media (max-width:800px){
.schoolbus {
margin-left: 10em;
}
 .w3-display-bottommiddle {
position:absolute;
top:15%;
} 
}
/* For phones, need to move image down and have no shadow behind words and make words black */
/* responsive design */

@media (max-width:540px){
.mainheading1 {
	
	margin-top: 500px;
	color: black;
	text-shadow: none;
	
}

 .mainheading2 {
	
	margin-top: 500px;
	color: black;
	text-shadow: none;
	
}
.welcome1 {
	
	
	color: black;
	text-shadow: none;
	
}
.welcome2 {
	
	
	color: black;
	text-shadow: none;
	
}


 
.homepic {
	position: relative;
	margin-top: 60px;
}

}

@media (max-width:494px){
.mainheading1 {
	
	margin-top: 500px;
	color: black;
	text-shadow: none;
	
}

 .mainheading2 {
	
	margin-top: 500px;
	color: black;
	text-shadow: none;
	
}
.welcome1 {
	
	
	color: black;
	text-shadow: none;
	
}
.welcome2 {
	
	
	color: black;
	text-shadow: none;
	
}


.homepic {
	position: relative;
	margin-top: 60px;
}
}



@media (max-width:675px) {
.w3-container {
top:20%;
}
}

@media (max-width:600px){
.schoolbus {
margin-left: 4em;
}
  .w3-display-bottommiddle {
/* position:absolute;  */
top:15%;
}
}
@media (max-width:541px){
.w3-container {
top:5%;
}
}

@media (max-width: 484px) {
.mainheading1 {
		font-size: 7vw;
	}
.mainheading2 {
		font-size: 7vw;
	}
}

@media (max-width: 448px) {
.mainheading1 {
		margin-top: 400px;
	}
.mainheading2 {
		margin-top: 400px;
	}
}


.w3-display-bottommiddle{
position:absolute;
left:50%;
bottom:0;
transform:translate(-50%,0%);
-ms-transform:translate(-50%,0%)
}
.w3-display-container:hover {display:block}
.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}

.w3-round{border-radius:4px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-row-padding>.w3-col{padding:0 8px}
.w3-container{
padding:0.01em 16px;
/***** did not use this - it will make the background transparent grey **/
/* background-color: rgba(0, 0, 0, 0.4); */
/*** the backdrop blur did not work on firefox, but I did not like the looks on chrome */
/*  backdrop-filter: blur(10px);  */

}




@keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes 

.w3-opacity{opacity:0.60}

.w3-large{font-size:18px!important}

.w3-justify{text-align:justify!important}
.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}




.w3-padding-large{padding:12px 24px!important}


.w3-button:hover{color:#000!important;background-color:#ccc!important}