main {
  padding-top: 0%;
}

nav {
  position: fixed;
  z-index: 1;
  padding-top: 0px;
}

/* #############################--AIMS--############################################ */

.aimContainer {
  position: relative;
  display: flex;
  justify-content: space-around;
  list-style: none;
  font-size:17px;
}

.aims {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  font-size: 19px;
  font-weight: lighter;
  font-family: "Rubik";
}

#aimCircle1, #aimCircle2, #aimCircle3, #aimCircle4,
#aimCircle5, #aimCircle6, #aimCircle7, #aimCircle8,
#aimCircle9, #aimCircle10, #aimCircle11, #aimCircle12,
#aimCircle13, #aimCircle14, #aimCircle15, #aimCircle16 {
  font-size: 8px;
  color: black;
}

button {
  outline: none;
}

/* ################################### SLIDESHOW ################################################ */

#homepageSlideshow {
  padding-bottom: 5%;
}

.homepageImage {
  width: 100%;
  max-height: 500px;
  min-height: 200px;
  object-fit: cover;
  position: relative;
  top: 80px;
  display: inline;
}

/* ################################################################################### */

main #logo {
  width: 150px;
  height: 150px;
  position: absolute;
  left: 50px;
  top: 100px;
}

nav #smallScreens #logo {
  width: 65px;
  height: 65px;
}

@media only screen and (max-width: 1024px) {

   main #logo{
     display: none;
   }
 }