style.css

@font-face {
    font-family: 'cloudbold';
    src: url('cloud-bold-webfont.woff2') format('woff2'),
         url('cloud-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body { font-family: 'cloudbold'; }

.main-body{
  background: url('img/HOMEPAGE/HP BACKGROUND reduced.png');
  background-repeat: repeat-y;
  background-size: cover;
}

.about-body{
  background: url('img/ABOUT US/ABOUT BG.png');
  background-repeat: repeat-y;
  background-size: cover;
}

.top-left-header-image{
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
  width: 450px;
  overflow: hidden;
}

.top-left-header-image-md{
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
  width: 400px;
}

.top-left-header-image-small{
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
  width: 300px;
}

.top-left-header-image-about{
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
  width: 300px;
}

.top-left-header-image-about-small{
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
  width: 250px;
}

.main-nav{
  background: none;
  /*background-image: url('img/HOMEPAGE/HOME PAGE WOOD reduced.png');*/
  background-size: 100% 100%;
}

.align-to-bottom {
  position: absolute;
  display:table;
  bottom: 0;
}

.align-to-bottom-right {
  position: absolute;
  display:table;
  right: 60px;
  bottom: 0;
}

.main-nav a {
  color: black;
  font-size: 22px;
}

.main-nav a:hover {
  animation-name: flash;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-play-state: running;
}

@keyframes flash {
    from {color: grey;}
    to {color: black;}
}

.full-space {
  width: 100%;
  height: auto;
}

.center-text{
  text-align: center;
}

.right-text{
  text-align: right;
}

.right-text{
  text-align: right;
}

.nav-item{
  font-size: 18px;
  width: 25%;
  white-space: nowrap;
  text-overflow: inherit;
  /*margin-bottom: 20px;*/
}

.stretch-to-fill{
  width: 100%;
  height: 100%;
}

#hundred-main-image{
  position: absolute;
  display:table;
  bottom: 0;
  left: 50%;
}

#nav-image{
  position: absolute;
  left:0px;
  top:0px;
  z-index:-1;
  width: 100%;
  height: 100%;
}

.half-screen{
  width: 40%;
}

.footer-menu{
  margin-bottom: 30px;
  color: white;
  font-size: 10px;
}

.footer-menu div{
  padding: 2px;
}

.footer-menu div a img{
  width: 172px;
  padding: 2px;
}

.linebreak{
  background-color: white;
  height: 1px;
  margin: 20px;
}

.center-overflow-image{
  max-width: 100%;
}

video {
  margin: 0;
  padding: 0;
  border-bottom-right-radius: 50% 100%;
  border-bottom-left-radius: 50% 100%;
}

#logo-image{
  max-height: 188px;
}

.middle-panel{
  margin-top: 50px;
  margin-bottom: 50px;
}

.min-70 {
  min-width: 70%;
}

.min-80 {
  min-width: 80%;
}

.contact-panel{
  background: url('img/CONTACT US/AW CONTACT US  ADDREES.png');
  background-repeat: repeat-y;
  background-size: cover;
  font-size: 27px;
  padding: 10px;
}

.contact-header{
  padding: 10px;
}

.contact-item{
  padding: 5px;
  font-size: 23px;
}

.fab {
  color: white;
}