.footer {
  grid-area: footer;
  display: grid;
  grid-template-areas:
    "footer1"
    "footer2"
    "website"
    "footer3";
  grid-template-rows: 8vh 20vh 5vh 30vh;
  width: 100vw;
  display: inline-block;
  margin-top: 100px;
}
.footer1 {
  grid-area: footer1;
  padding-top: 3vh;
  padding-left: 5vw;
  padding-bottom: 3vh;
  background-color: rgba(241, 241, 241, 1);
}
.footer2 {
  grid-area: footer2;
  display: grid;
  grid-template-areas:
    "socialtitle emailtitle"
    "facebook email"
    "instagram locationtitle"
    "linkedin location";
  grid-template-columns: 30vw 70vw;
  grid-template-rows: 5vh 5vh 5vh 5vh;
  background-color: rgba(241, 241, 241, 1);
}
.socialtitle,
.emailtitle,
.locationtitle {
  font-weight: 700;
  font-size: 12px;
  text-align: center;
}
.socialtitle {
  grid-area: socialtitle;
}
.facebook2 a,
.instagram2 a,
.linkedin2 a,
.website2 a,
.email a,
.location a {
  font-size: 8px;
  margin-left: 2vw;
}

.email,
.location {
  text-align: center;
  word-wrap: break-word;
}
.facebook1,
.instagram1,
.linkedin1,
.website1 {
  margin-left: 13vw;
  margin-top: -1vh;
}
.facebook {
  grid-area: facebook;
  display: grid;
  grid-template-areas: "facebook1 facebook2";
  grid-template-columns: 20vw 30vw;
}
.facebook1 {
  grid-area: facebook1;
}
.facebook2 {
  grid-area: facebook2;
}
.instagram {
  grid-area: instagram;
  display: grid;
  grid-template-areas: "instagram1 instagram2";
  grid-template-columns: 20vw 30vw;
}
.instagram1 {
  grid-area: instagram1;
}
.instagram2 {
  grid-area: instagram2;
}
.linkedin {
  grid-area: linkedin;
  display: grid;
  grid-template-areas: "linkedin1 linkedin2";
  grid-template-columns: 20vw 30vw;
}
.linkedin1 {
  grid-area: linkedin1;
}
.linkedin2 {
  grid-area: linkedin2;
}
.website {
  grid-area: website;
  display: grid;
  grid-template-areas: "website1 website2";
  grid-template-columns: 20vw 30vw;
  background-color: rgba(241, 241, 241, 1);
}
.website1 {
  grid-area: website1;
}
.website2 {
  grid-area: website2;
}
.emailtitle {
  grid-area: emailtitle;
}
.email {
  grid-area: email;
}
.locationtitle {
  grid-area: locationtitle;
}
.location {
  grid-area: location;
  padding-left: 5vw;
  padding-right: 5vw;
}
.footer3 {
  grid-area: footer3;
  display: grid;
  grid-template-areas:
    "term"
    "partner"
    "copy";
  grid-template-rows: 10vh 10vh 10vh;
  background-color: rgba(241, 241, 241, 1);
  padding-top: 3vh;
}
.term {
  grid-area: term;
}
hr {
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #a9a9a9;
}
.subterm {
  text-align: center;
  font-weight: 700;
  font-size: 12px;
}
.truepartner {
  font-weight: 700;
  font-size: 12px;
  margin-left: 5vw;
}
.partner,
.partner2,
.partner3,
.partner4 {
  grid-area: partner;
  text-align: center;
}
/*.partner img{
    height: 15vw;
    margin-left: 20vw;
    visibility: hidden;
}

.partner2 img{
    height: 15vw;
    margin-left: 40vw;
}*/
.partner3 img {
  height: 3em;
  margin-left: 1em;
}
.partner4 img {
  height: 15vw;
  margin-left: 0vw;
}
.copy {
  grid-area: copy;
  font-size: 10px;
  text-align: center;
  padding: 0vh 1vw;
  word-wrap: break-word;
  display: grid;
  margin: 0 auto;
}