@font-face {
        font-family: 'garet';
        src: url('root/fonts/garetbook.woff2') format('woff2'),  /* WOFF2 format */
             url('root/fonts/garetbook.woff') format('woff'),    /* WOFF format */
             url('root/fonts/garetbook.ttf') format('truetype'); /* TTF format */
        font-weight: normal;
        font-style: normal;

}
@font-face {
        font-family: 'garetheavy';
        src: url('root/fonts/garetheavy.woff2') format('woff2'),  /* WOFF2 format */
             url('root/fonts/garetheavy.woff') format('woff'),    /* WOFF format */
             url('root/fonts/garetheavy.ttf') format('truetype'); /* TTF format */
        font-weight: normal;
        font-style: normal;
      }
body {background-color: #b1d7d6;
      color: white;
      font-family: 'garet',arial, helvetica, sans-serif;
      font-size: 1.2em;
}
h2{font-family: 'garetheavy'}
#headernav{background-color:#255353;
  color: white;
  margin: -0.8vw;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  font-family: 'garetheavy';
  font-size: 1.3em;
}
a{color: white;
  text-decoration: none;

}
.butnav:hover{color: #306b6b;
}
#alert{display: flex;
  justify-content: center;
  margin-left:-0.8vw;
  margin-right:-0.8vw;
  margin-top: 5vh;
  padding: 2vh;
  background-color:#255353;
}
.marquee {
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}

.marquee span {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 10s linear infinite;
}

.marquee2 span {
  animation-delay: 2,5s;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
#banner{display: flex;
  flex-direction: column;
  align-items: center;
  margin-left:-0.8vw;
  margin-right:-0.8vw;
  margin-top: 10vw;
  background-color: rgba(255,255,255,0.3);
}
.lbs{position: relative;
  width: 60vw;
margin: 5vw;

}
.heading{color: #255353;
  position: relative;
  font-family: 'garetheavy';
  font-size: 1.3em;
  margin-top: -10vw;

}
.backgroundimage {
  position: absolute;
  margin:-25vw;
  z-index: -1;
  width: 100vw;
}
.schedule {display:flex;
  justify-content: center;
  margin: 2vw;
}
.tourbutton{
  padding-left: 1vw;
  padding-right: 1vw;
  background-color: #255353;
  color: white;
  font-family: 'garet',arial, helvetica, sans-serif;
  font-size: 1em;
  border:0;
}

.secondarynav{display: flex;
  justify-content:space-evenly;
}
.navbutton{background-color: #255353;
  padding-left: 2vw;
  padding-right: 2vw;
  color: white;
  font-family: 'garet',arial, helvetica, sans-serif;
  font-size: 1em;
  border:0;
}
button:hover {background-color: #306b6b;
}
.icon {
  width: 8vw;
  position: relative;
  top: 2vh;
}
.desc{display: flex;
align-items: center;
text-align: center;
font-size: 2em;
margin: 10vw;}
footer{display:flex;
  flex-direction: row;

  margin: -1vw;
  background-color: #255353;

}
.bottom{display: flex;
flex-direction: column;
text-align: center;
font-size: 1.2em;
margin-top: 5vw;
margin-bottom: 2vw;
padding-left: 5vw;
}
.logo{margin: 2vw;
  height: 10vw;


}