html {
  height: 100%;
}

body {
  height: 100%;
  margin:0;


  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#513331+0,677846+17,059191+42,6bb2ac+53,92b398+70,9e94a2+80,dcb432+100 */
  background: rgb(81,51,49); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(81,51,49,1) 0%, rgba(103,120,70,1) 17%, rgba(5,145,145,1) 42%, rgba(107,178,172,1) 53%, rgba(146,179,152,1) 70%, rgba(158,148,162,1) 80%, rgba(220,180,50,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(81,51,49,1) 0%,rgba(103,120,70,1) 17%,rgba(5,145,145,1) 42%,rgba(107,178,172,1) 53%,rgba(146,179,152,1) 70%,rgba(158,148,162,1) 80%,rgba(220,180,50,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(81,51,49,1) 0%,rgba(103,120,70,1) 17%,rgba(5,145,145,1) 42%,rgba(107,178,172,1) 53%,rgba(146,179,152,1) 70%,rgba(158,148,162,1) 80%,rgba(220,180,50,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#513331', endColorstr='#dcb432',GradientType=0 ); /* IE6-9 */
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.page-container {
  position: relative;
  overflow-x: hidden;
}

a.linkit {
  color:#059191;
  background: white;
  padding: 0px 4px;
}

a.linkit:hover {
  color:#DCB432;
}

.logo img {
  width: 230px;
  cursor: pointer;
  position: absolute;
  left:5%;
  top:1rem;
  z-index: 999;
  transition: transform .7s ease-in-out;
}

.logo img:hover {
  transform-box: view-box;
  transform-origin: initial;
  transform: rotate(360deg);
}

.ocean {
  height: 38px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #DCB432;
  z-index: 999;
}

.wave {
  background: url(wave88.svg) repeat-x;
  position: absolute;
  top: 38px;
  width: 6400px;
  height: 88px;
  -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
  animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
  transform: translate3d(0, 0, 0);

}

.wave:nth-of-type(2) {
  top: 38px;
  -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite;
  animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite;
  opacity: 1;
}

@-webkit-keyframes wave {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}

@keyframes wave {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}
@-webkit-keyframes swell {
  0%, 100% {
    transform: translate3d(0, -25px, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
}
@keyframes swell {
  0%, 100% {
    transform: translate3d(0, -25px, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
}

.header-image {
  width:100%;
  height: 300px;
  background-image: url('header3.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
  clip-path: polygon(100% 0%, 0% 0% , 0.00% 79.88%, 2.00% 79.95%, 4.00% 80.16%, 6.00% 80.50%, 8.00% 80.98%, 10.00% 81.58%, 12.00% 82.29%, 14.00% 83.10%, 16.00% 84.00%, 18.00% 84.98%, 20.00% 86.01%, 22.00% 87.09%, 24.00% 88.20%, 26.00% 89.31%, 28.00% 90.42%, 30.00% 91.50%, 32.00% 92.54%, 34.00% 93.51%, 36.00% 94.42%, 38.00% 95.23%, 40.00% 95.94%, 42.00% 96.54%, 44.00% 97.01%, 46.00% 97.35%, 48.00% 97.56%, 50.00% 97.63%, 52.00% 97.56%, 54.00% 97.35%, 56.00% 97.01%, 58.00% 96.54%, 60.00% 95.94%, 62.00% 95.23%, 64.00% 94.42%, 66.00% 93.51%, 68.00% 92.54%, 70.00% 91.50%, 72.00% 90.42%, 74.00% 89.31%, 76.00% 88.20%, 78.00% 87.09%, 80.00% 86.01%, 82.00% 84.98%, 84.00% 84.00%, 86.00% 83.10%, 88.00% 82.29%, 90.00% 81.58%, 92.00% 80.98%, 94.00% 80.50%, 96.00% 80.16%, 98.00% 79.95%, 100.00% 79.88%);

}

.txt-container {
  color: white;
  width: 90%;
  margin: 0 auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
  font-family: 'Sen', serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
}

@media only screen
and (min-width : 1200px) {
  .txt-container {
    width: 50%;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Caveat', serif;
}

.txt-container  h1 {
  margin-top: 0;
  font-weight: 200;
  font-style: normal;
  font-size: 60px;
}