@font-face {
  font-family: 'Aptos';
  src: url('../Aptos-Display.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

#header{
  background-color: rgb(216, 225, 232);
  height: 60px;
  width: 100%;
  font-family: 'Aptos';
}
#holder {
  min-height: 100%;
  position: relative;
}

.headerHolder{
  display: inline-flex;
  position: absolute;
  right: 1%;
}
.headerText{
  padding: 15px 40px;
  background-color: inherit;
  border: 0;
  color: rgb(24,62,109);
  font-size: 20px;
   font-family: 'Aptos';
}
.changeColourOnHover:hover{
  text-decoration: none;
  color: grey;
}
.subheader{
  position: relative;
  height: 60px;
  width: 100%;
}
.subheaderHolder{
  display: inline-flex;
  position: absolute;
  right: 10%;
}
.subheaderText{
  padding: 15px 50px;
  background-color: inherit;
  border: 0;
  color: rgb(24,62,109);
  font-size: 20px;
   font-family: 'Aptos';
}
.subheaderText:hover{
  text-decoration: none;
  color: grey;
  cursor: pointer;
}