body {
font-family: Arial, "Times New Roman", Times, serif
  font-size: 14px;
  /*background-color: rgb(81, 255, 62);*/
  margin:0; padding:0;
  }

a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}
  .container {
	width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }
  

  .title {
    height: 175px;
    font-family: arial;
    font-size: 50px; 
  }  

  @media (max-width: 700px) {
  .title {
    height: 125px;
    font-family: arial;
    font-size: 20px; 
    margin: auto;
  }  
  }
  @media (min-width: 700px) {
    .container {
 /*     display: grid;
      grid-template-columns: 200px 1fr 200px;
      grid-template-rows: auto 1fr auto;  
*/
    }
  }
  
  header {
    grid-column: span 3;
    text-align: right;
    font-size: 20px;
    background-color: rgb(2, 45, 70);
    color: white;
    width: 100%;
  }

  .header-blue {
    background-color: #0b172a;	
  }

  .header-blue-button {
	background-color: #bc4123;
	color: black;
	display: none;
  }

  @media (min-width: 768px) {
  .header-blue-button {
	background-color: #bc4123;
	color: black;
	display: block;
	float: right;
  }
}

  .header-red {
    background-color:white;	
  }

  .header-red-button {
	background-color: red;
	color: black;	
  }

  .header-green {
    background-color: #DDC3A5;	
  }

  .header-green-button {
	 background-color: #201E20;
     color: #E0A96D;
  }

  main {
    flex: 1;
    padding: 05px;
  }

  @media (min-width: 768px) {
    main {
    flex: 1;
    padding: 05px;
    font-size: 1.4em;
  }
}
  
  nav {
     padding: 5px;
  }
   
  nav > div {
     display:block;
     width: 100%;
    }
  
  aside {
    padding: 20px;
    background-color: #936;
  }
  
  footer {
    grid-column: span 3;
    padding: 30px;
    text-align: center;
    font-size: 1.4em;
    background-color: #690;
    color: white;
  }

   ul li {
     list-style-type: square;
     margin: 0;
     padding: 0;
   }  

  .mission {
    text-align: center;
    width: 75%;
    padding:  30px;
  }  

  @media (max-width: 700px) {
  .mission {
    padding:  150px;
  }  
  }
  h1 {
    margin-bottom: 1em;
    font-size: 1.3em;
    font-weight: bold;
  }

  .itemlist:a
  {
	color:pink
  }

  .slides {
/*     height:300px; */
   }
   .slides-hidden {display: none;}
  
  .slideText {
   }
   .slideText-hidden {display: none;}

/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px) {
  .slides {
  }
}