body {
  font-family: Tahoma, Geneva, sans-serif;
}

.logoPic img{
  width: 200px;
  margin-left: 0px;
  margin-top: 0px;
  padding: 10px;
  margin-bottom: 0px;
}

.names{
  text-align: center;
  margin-top: 0px;
  padding: 40px 20px 20px 20px;
  width: 750px;
}
.names h1{
  font-size: 5.0em;
}

.contact li{
  font-size: 80%;
}

.wrapper{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.title {
  align-items: baseline;
}

.secondary h2{
  font-size: 150%;
}

.secondary{
  font-size: 90%;
}

.boxy {
  border: 1px solid black;
  border-radius: 5px;
  max-width: 600px;
  min-height: 204px;
  padding: 10px;
  margin: 10px;
}

.boxy2 {
  border: 1px solid black;
  border-radius: 5px;
  max-width: 300px;
  min-height: 238px;
  padding: 10px;
  margin: 10px;
}

.boxy3 {
  border: 1px solid black;
  border-radius: 5px;
  max-width:500px;
  min-height: 146px;
  padding: 10px;
  margin: 10px;
}

.contact {
  max-width: 600px;
  padding: 10px;
  margin: 10px;
}

.overlist {
    list-style: none;
}

.noncollapsible:before {
  font-size: 120%;
  content: "-";
  margin-right: 3px;
}

.collapsible:before {
    font-size: 150%;
    content: "+";
    margin-right: 3px;
    display: inline-block;
}

.collapsible:hover:before {
  transition: all 300ms 0s ease-in-out;
  transform: rotate(360deg);
}

.collapsible:hover {
  text-decoration: underline;
}



.content {
  display: none;
  overflow: hidden;
}


.linklink {
  color: black;
}
.linklink A:link {
  text-decoration: underline;
}
.linklink A:hover {
  color: #010199;
  text-decoration: underline;
}


@media only screen and (max-width: 960px){
  .names h1{
    font-size: 4.0em;
  }
}

@media only screen and (max-width: 500px){
  .names h1{
    font-size: 3.0em;
  }
}

@media only screen and (max-width: 335px){
  .names h1{
    font-size: 2.5em;
  }
}