footer {
  color: black;
  /* line-height: 1; */
  background-color: darkgrey;
  min-height: 60vh;
  padding: 20% 5%;
  width: 100vw;
}

footer p {
  padding-bottom: 10%;
}

#sshrc {
  width: 90vw;
  padding-bottom: 5%;
  /* height: 50px; */
}

#crc {
  width: 90vw;
  /* height: 40px; */
}

#AIM-link:link,
#AIM-link:visited {
  color: var(--accentColourDark);
  text-decoration: none;
}

#AIM-link:hover {
  color: white;
  /* text-decoration: underline; */
}

@media only screen and (min-width: 600px) {
  footer {
    min-height: 30vh;
    padding: 10% 5%;
  }

  footer p {
    padding-bottom: 5%;
  }

  #sshrc {
    width: 40vw;
  }

  #crc {
    width: 40vw;
  }
}

@media only screen and (orientation: landscape) {
  footer {
    height: 100vh;
    padding: 10% 5%;
  }
}

@media only screen and (min-width: 700px) and (orientation: portrait) {
  #logos {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-content: flex-end;
  }
  #crc {
    max-height: 100%;
    height: 100%;
  }
  #sshrc {
    padding-bottom: 0%;
  }
}

@media only screen and (min-width: 992px) and (orientation: landscape) {
  footer {
    height: 40vh;
    padding: 5%;
  }

  footer p {
    padding-bottom: 2%;
  }
  #logos {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-content: flex-end;
  }

  #crc {
    max-height: 100%;
    height: 100%;
  }
  #sshrc {
    padding-bottom: 0%;
  }
}