@font-face {
    font-family: 'Archer Book';
    font-style: normal;
    font-weight: normal;
    src: local('Archer Book'), url('fonts/Archer-Book-Pro.woff') format('woff');
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    background-size: 100%;
    background-image: url("https://www.jostensrenaissance.com/v4/wp-content/uploads/2015/05/BG_TheHarborPages_07.jpg");
}

.navbar {
    background-color: rgba(4, 30, 66, 0.8);
    width: 98%/*11%*/;
    margin-top: 3vh;
    margin-left: auto;
    margin-right: auto;
    height: 20vh;
}

.navbar img {
    position: relative;
    margin-top: 1vh;
    margin-left: 6vw;
    margin-right: 2vw;
    float: none;
}

.navbar p {
  color: white;
  font-family: "Archer Book";
  font-size: 5vh;
  text-align: center;
  margin-top: 5vh;
  position: relative;
  margin-left: 2vw;
  margin-right: 2vw;
  padding: 2vh 3vh;
}

.navbar p:hover {
  background-color: rgba(1, 21, 51, 0.8);
}

.navbar #right {
  float: right;
  display: inline;
}

.navbar #left {
  float: left;
  display: inline;
}