@media (max-width: 991px) {

.body {background-color: #e6f1e5;}
.header{max-width: 100%; height: auto;}
.page {display: flex; flex-wrap: wrap;}
.navbar a:not(:first-child) {
  display: none;
}
.navbar a.icon {
  float: right;
  display: block;
}
.indexcontainer h1 {
    display: block;
    margin: auto;
    width: 100%;
}
.p {font-size: 1em;} 
footer {
  padding: 40px;
}
footer .footcontainer {
  grid-template-columns: repeat(2fr,1fr,1fr);
}
.copyrightText {
  padding: 8px 30px;
}
}

@media (max-width: 768px) {
.body {background-color: #e6f1e5;}
.header {max-width: 100%; height: auto;}
.headertext {font-size: 0.90rem;}
.page {
  display: flex;
  flex-wrap: wrap;
}
.navbar.responsive {
  position: relative;
}
.navbar.responsive .icon {
  position: absolute;
  right: 0;
  top: 0;
}
.navbar.responsive a {
  float: none;
  display: block;
  text-align: left;
}
.welcome {
  max-width: 100%;
}
.about-box {max-width: 100%;}
.teams {max-width: 100%;}
.indexcolumn-66,
.indexcolumn-33 {
  width: 100%;
  text-align: center;
}
.indexcontainer h1 {
  display: block;
  margin: auto;
  width: 100%;
  font-size: 1,125em;
}
.indexcontainer p {
  font-size: 1em;
  margin: auto;
  text-align: center;
}
.pdfcolumn {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
.p {font-size: 0.90rem;}
 .col-25,
 .col-75,
 input[type=submit] {
   width: 100%;
   margin-top: 0;
 }
 footer .footcontainer {
   grid-template-columns: repeat(1,1fr);
 }
 }