.button-account {
    font-family: 'Barlow', sans-serif;
    display: inline-block;
    padding: 5px 10px 5px 10px; 
    background: transparent;
    border:2px #f3bf21 solid;
    text-decoration: none;
    color: #f3bf21;
    font-size:18px;
    line-height:24px;
    font-weight:400;
    text-transform:uppercase;
}
.hvr-account {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-account:hover, .hvr-account:focus, .hvr-account:active {
  color:#fff;
  background: #f3bf21;
  border:2px #f3bf21 solid;
}
/* active */
.button-account-active {
    font-family: 'Barlow', sans-serif;
    display: inline-block;
    padding: 5px 10px 5px 10px; 
    background: #f3bf21;
    border:2px #f3bf21 solid;
    text-decoration: none;
    color: #fff;
    font-size:18px;
    line-height:24px;
    font-weight:400;
    text-transform:uppercase;
}
.hvr-account-active {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-account-active:hover, .hvr-account-active:focus, .hvr-account-active:active {
  color:#f3bf21;
  background: transparent;
  border:2px #f3bf21 solid;
}



.button-videobook {
    font-family: 'Barlow', sans-serif;
    display: inline-block;
    padding: 22px 23px 22px 23px; 
    background: transparent;
    border:3px #f3bf21 solid;
    text-decoration: none;
    color: #f3bf21;
    font-size:60px;
    line-height:60px;
    font-weight:600;
    text-transform:uppercase;
}
.hvr-videobook {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-videobook:hover, .hvr-videobook:focus, .hvr-videobook:active {
  color:#fff;
  background: #f3bf21;
  border:3px #f3bf21 solid;
}


.button-joinus {
    font-family: 'Barlow', sans-serif;
    display: inline-block;
    padding: 22px 23px 22px 23px; 
    background: transparent;
    border:3px #fff solid;
    text-decoration: none;
    color: #fff;
    font-size:60px;
    line-height:60px;
    font-weight:600;
    text-transform:uppercase;
}
.hvr-joinus {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-joinus:hover, .hvr-joinus:focus, .hvr-joinus:active {
  color:#fff;
  background: #f3bf21;
  border:3px #f3bf21 solid;
}

.button-defbook {
    font-family: 'Barlow', sans-serif;
    display: inline-block;
    padding: 25px 28px 25px  28px; 
    background: transparent;
    border:2px #f3bf21 solid;
    text-decoration: none;
    color: #f3bf21;
    font-size:60px;
    line-height:60px;
    font-weight:600;
    text-transform:uppercase;
}
.hvr-defbook {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-defbook:hover, .hvr-defbook:focus, .hvr-defbook:active {
  color:#fff;
  background: #f3bf21;
  border:2px #f3bf21 solid;
}

@media only screen and (min-width: 959px) and (max-width: 1180px){
.button-defbook {padding: 25px 28px 25px  28px;font-size:40px;line-height:46px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px){
.button-defbook {padding: 25px 28px 25px  28px;font-size:30px;line-height:36px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
.button-defbook {padding: 25px 28px 25px  28px;font-size:30px;line-height:36px;}
}

@media only screen and (min-width: 320px) and (max-width: 479px){
.button-defbook {padding: 25px 28px 25px  28px;font-size:30px;line-height:36px;}
}

/* footer */
.button-footbook {
    font-family: 'Barlow', sans-serif;
    display: inline-block;
    padding: 0 60px 0 60px; 
    background: transparent;
    border:3px #f3bf21 solid;
    text-decoration: none;
    color: #f3bf21;
    font-size:24px;
    line-height:60px;
    font-weight:600;
    text-transform:uppercase;
}
.hvr-footbook {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-footbook:hover, .hvr-footbook:focus, .hvr-footbook:active {
  color:#fff;
  background: #f3bf21;
  border:3px #f3bf21 solid;
}
@media only screen and (min-width: 1180px) and (max-width: 1480px){
.button-footbook {padding: 0 30px 0 30px;}
}


/* bookings */
.button-bookings {
    font-family: 'Barlow', sans-serif;
    display: inline-block;
    padding: 22px 23px 22px 23px; 
    background: transparent;
    border:3px #f3bf21 solid;
    text-decoration: none;
    color: #f3bf21;
    font-size:60px;
    line-height:60px;
    font-weight:600;
    text-transform:uppercase;
}
.hvr-bookings {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-bookings:hover, .hvr-bookings:focus, .hvr-bookings:active {
  color:#fff;
  background: #f3bf21;
  border:3px #f3bf21 solid;
}
@media only screen and (min-width: 320px) and (max-width: 479px){
.button-bookings {font-size:30px;line-height:36px;}
}



/* email */
.button-emailbig {
    font-family: 'Barlow Condensed', sans-serif;
    display: inline-block;
    padding: 33px 65px 33px 65px; 
    background: transparent;
    border:5px #423b35 solid;
    text-decoration: none;
    color: #423b35;
    font-size:30px;
    font-weight:500;
    text-transform:uppercase;
}
.hvr-emailbig {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-emailbig:hover, .hvr-emailbig:focus, .hvr-emailbig:active {
  color:#f3bf21;
  background: #423b35;
  border:5px #423b35 solid;
}

@media only screen and (min-width: 480px) and (max-width: 767px){
.button-emailbig {padding: 33px 35px 33px 35px; font-size:20px;line-height:26px;}
}

@media only screen and (min-width: 320px) and (max-width: 479px){
.button-emailbig {padding: 33px 35px 33px 35px; font-size:20px;line-height:26px;}
}


.button-more {
    font-family: 'Barlow', sans-serif;
    display: inline-block;
    padding: 0 60px 0 60px; 
    background: #f3bf21;
    border:3px #f3bf21 solid;
    text-decoration: none;
    color: #3a3430;
    font-size:24px;
    line-height:67px;
    font-weight:600;
    text-transform:uppercase;
}
.hvr-more {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-more:hover, .hvr-more:focus, .hvr-more:active {
  color:#fff;
  background: #f3bf21;
  border:3px #f3bf21 solid;
}