* {padding: 0; margin: 0; border: 0;}
html, body, div, img, form, fieldset, legend, label, p, h1, h2, h3 {margin: 0; padding: 0;}
header, nav, article, footer, address, aside, section, summary, hgroup, details, figcaption, figure, main {display:block;}
html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}


header#header {width: 100%; background-color: #086D6D; color: #fff; display:block; min-height: 60px; padding-top: 5px; padding-bottom: 5px; border-bottom: solid 1px #ffffff;}

#banner {background-color: #086D6D; padding-top: 50px; padding-bottom: 70px; color: #fff;border-bottom: solid 1px #fff;}

#small-logo {float:left; width: 33%; }
#small-logo img {width: auto; height: 60px;float:left; margin-right: 15px;}
#small-logo .logo-text {float:left;font-family: "Playball", sans-serif; font-weight: bold; font-size: 28px; line-height: 28px;padding-top: 5px;width: 175px;color: #fff;}
#small-logo .logo-strap {float:left; font-size: 15px; color: #fff; width: 175px;padding-top: 3px; font-weight: bold;}

.foot-1 img {width: auto; height: 60px;float:left; margin-right: 15px;}
.foot-1 .logo-text {float:left;font-family: "Playball", sans-serif; font-weight: bold; font-size: 28px; line-height: 28px;padding-top: 5px;width: 175px; color: #fff;}
.foot-1 .logo-strap {float:left; font-size: 15px; color: #fff; width: 175px;padding-top: 5px;font-weight: bold;}

#content {padding-top: 50px; padding-bottom: 50px;}

#small-book {float:left; width: 20%; text-align:right; color: #000; margin-top: 5px;}

#small-book a.contact-icon img {width: 20px; height: 20px; margin-right: 20px;}
#small-book a.book-now {background-color: #E84B1A; color: #fff; padding: 10px 15px 10px 15px; border-radius: 5px; text-decoration: none; font-size: 14px;}


#bottom h2 {color: #086D6D;font-family: "Playball", sans-serif;}
#bottom {background: #FFFFFF;
background: linear-gradient(129deg, rgba(255, 255, 255, 1) 0%, rgba(8, 109, 109, 1) 100%);color: #fff; display:block; text-align:center; padding-top: 50px; padding-bottom: 50px; color: #086D6D;}


@media only screen and (min-width: 1300px) { /* WIDE - Desktop */
.stretch-wide {;}
.stretch {max-width: 1300px; margin: auto;}
.onlymob {display:none;}
.notmob {display:block;}
}

@media only screen and (min-width: 1100px) and (max-width: 1299px) { /* MEDIUM - Tablet Portrait */
.stretch-wide {;}
.stretch {max-width: 100%; margin: auto;}
.onlymob {display:none;}
.notmob {display:block;}
  #menu {width: 46%; float:right;}
  #small-logo {width: 275px;}
  #small-book {width: 200px;}
}

@media only screen and (min-width: 768px) and (max-width: 1099px) { /* MEDIUM - Tablet Portrait */
.stretch-medium {;}
.stretch {width: 100%; margin: auto;}
.onlymob {display:none;}
.notmob {display:block;}
  
#small-logo {float:left; width: 275px;}
#small-book {float:left; width: 48%; padding-right: 2%; }  
#menu {width: 100%;}
  
}

@media only screen and (min-width: 480px) and (max-width: 767px) { /* SMALL - Mobile Landscape */
.stretch-small {;}
.stretch {width: 100%; margin: auto;}
.onlymob {display:block;}
.notmob {display:none;}
    #accreds {display:block; width: 40%; margin-left: 30%; margin-right: 30%;}
#small-logo {float:none; width: 345px; margin:auto;}
#small-book {float:left; width: 90%; padding-right: 5%; padding-left: 5%; text-align:center; display:none;} 
#menu {width: 100%;}
  #small-book  a.contact-icon {display:none;}
}

@media only screen and (max-width: 479px) { /* TINY - Mobile Portrait */
.stretch-tiny {;}
.stretch {max-width: 100%; margin: auto;}
.onlymob {display:block;}
.notmob {display:none;}
  #accreds {display:block; width: 50%; margin-left: 25%; margin-right: 25%;}
#small-logo {float:none; width: 345px; margin:auto;}
#small-book {float:left; width: 90%; padding-right: 5%; padding-left: 5%; text-align:center; display:none;}  
#menu {width: 100%;}
#small-book  a.contact-icon {display:none;}
}