@font-face { font-family: Copperplate; src: url('Copperplate Gothic Bold Regular.ttf'); } 
  @font-face { font-family: Trebuchet; src: url('Trebuchet MS.ttf'); } 

  body{
  	overflow-x: hidden;
  }

  #banner{
 	width:105% ;
 	margin-left: -2%;
  	margin-top:-10px;
  	padding-top:3vh;
  	background:#0D2052;
    min-height: 13vh;
	


  }

  #bannercontent{
  	width:100%;
  	margin-left: auto;
  	margin-right: auto;
  	background: #0D2052;
    min-height: 10vh;
    display:inline-block;
  }

  img.bannerpic{
	max-height:100px;
	margin-top: -13px;
  }

  ul.menu{
  	list-style-type: none;
  	float:right;
  	margin-top: 30px;
  	margin-right:15%;
  }

  li{
  	float:left;
  	font-family: trebuchet;
  	margin-left: 20px;
  }

  p{
  	font-family: trebuchet;
  }

  a{
  	color:#FFFFFF;
  	font-family: Copperplate;
    text-decoration: none;
  }

  a:hover{
  	color:#A6A4A0;
  }

  img.background{
  	max-width: 100%;
  }

  .spacer{
  	min-width: 103%;
    min-height: 50px;
    margin-top: 5vh;
    margin-left:-15px;
  }

  .text{
  	max-width:95%;
	margin: 0px auto;
	padding: 10px;
	background-color: #EEEEEE;

  	position: relative;
  }

  .backing{
    max-width: 65%;
    margin:0px auto;
    background-color: #666666;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer{

  	min-width: 100%;
  	height:50px;
  }
  .box{
  	width:30%;
	height:10%;
  	float:left;
  	margin: 0px auto;
  	text-align: center;
	
  }

  body{
    background: linear-gradient(to bottom, #0D2052 0%,#0D2052 37%,white 37.5%,white 100%);
  }

  div.image1{
  background:#0D2052;
  min-width:110%;
  min-height: 50vh;
  text-align: center;
  margin-left: -5%;
  margin-top: -80px;
  background: url("back1.jpeg") no-repeat center bottom fixed; 
  background-size:     cover; 
  background-repeat:   no-repeat;
  background-position: center center; 
  padding-top:10vh;
  z-index:-5;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  transform: scale(1.3);
  -webkit-animation: slowpan 50s linear 0s infinite alternate;
  position: fixed;
}

  div.image2{
  background:#0D2052;
  min-width:110%;
  min-height: 50vh;
  text-align: center;
  margin-left: -5%;
  background: url("back3.jpg") no-repeat center bottom fixed; 
  background-size:     cover; 
  background-repeat:   no-repeat;
  background-position: center center; 
  
 }
 

@-webkit-keyframes slowpan {
 0% {
    transform:translateX(-100px) scale(1.25);
  }
  
  100% {
    transform:translateX(100px) scale(1.25);
  }
  
}

.main_text{
    background: #0D2052;
    color:#FFFFFF;
    margin:0px auto;
    padding: 2vh;
    text-align: center;
    font-family: Copperplate;
    display:inline-block;

  }

  .headbox{
    width:104%;
	height:70px;
  float:left;
  margin-left: -1%;
  text-align: left;
  padding-left:40px;
  background-color: #0D2052;
  position: -webkit-sticky;
  position: sticky;
  top:-1px;
  z-index: 10;
  margin-top: 35vh;

  }

  .classbox{
    margin: 0 auto;
  padding: 15px;
  padding-bottom: 50px;
  max-width: 70%;
  background-color: #ffffff;
  padding-top:50vh;
  margin-top:0px;
  font-family: 'Montserrat', sans-serif;
  text-align:center; 
  }
  
  .images{
    width:105%;
    margin-left: -35px;
  }


  .image{
    float:left;
    height:40vh;
    width:25%;
    object-fit:cover;
  }

  .headmenu{
    margin-top:-70px;
    margin-left:-100px;
  }

  .filler{
    background-color: #FFFFFF;
    width:120%;
    margin-left: -10%;
    padding-top: 10px;
    padding-bottom: 50px;
	margin-top: calc(35vh + 70px);
	
  border-bottom: 10px solid black;
  }
  font.standout{
    font-size:xx-large;
  }



  @-webkit-keyframes slowpan {
 0% {
    transform:translateX(-100px) scale(1.25);
  }
  
  100% {
    transform:translateX(100px) scale(1.25);
  }
  
}


ul.listul {
  display: flex;
  flex-direction: column;                 /* 1 */
  flex-wrap: wrap;                        /* 1 */
  height: 400px;                          /* 2 */
  list-style: none;
  padding: 0;
  margin-left:-30px;							/* 3 */
}

li.list {
  flex: 0 0 100%;                         /* 4 */
  display: flex;                      
  justify-content: center;                /* 5 */
  align-items: center;                    /* 5 */
  background-color: lightyellow;
  font-family: 'Montserrat', sans-serif;
  margin-top:2%;
}
li.list1 {
  flex: 0 0 100%;                         /* 4 */
  display: flex;                      
  justify-content: center;                /* 5 */
  align-items: center;                    /* 5 */
  background-color: lightyellow;
  font-family: 'Montserrat', sans-serif;
  margin-top:2%;
}

li.list:not(:first-child):not(:last-child) {   /* 6 */
  flex-basis: 40%;
}
li.list:last-child {   /* 6 */
  flex-basis: 86.5%;
}
li.list:first-child {   /* 6 */
  flex-basis: 86.5%;
}

span {
  height: 50px;
  width: 100px;
  color:white;
  display: flex;                         /* 7 */
  justify-content: center;               /* 7 */
  align-items: center;    
  font-size:1.5vw;/* 7 */
}
* { box-sizing: border-box; }

img.footpic{
	min-width:10%;margin-left: 50%;margin-top:-100px;
}

div.slideshow{
  min-width:70%;margin:0 auto;min-height:300px;background-color:grey;
}