html, body {}
a{text-decoration:none; color:#777777; font-weight:bold;}
p, h1, h2 {text-align:left;}
h1{color:#000; line-height:1.2; }
ul{list-style:disc; margin-left:10px;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
iframe {overflow:hidden;height:100%;width:100%}
.header a {color:white;  font-weight:normal;}
.small {font-size:0.8rem;}
.rAlign {text-align:right;}
.italic {font-style:italic;}
.super {vertical-align:super;}

 @media screen and (max-width : 549px)
{
:root {
  --site_width: 100%;
 
}    

.header {max-width:550px; max-height:116px; background:url('/images/ftb/banner_550.jpg') no-repeat;    padding-top:21.09%;}  
div.mobileButt {position:absolute; left:0; top:0; height:100%; background-color:#000; opacity:0.8; padding:10px;  box-sizing:border-box; width:60px;}
.mobileMenu li{width:100%; padding:5px 40px; font-size:1.6rem; box-sizing:border-box; list-style:none; float:left;}
.header img {position:absolute; width:40px; top:50%; left:10px; margin-top:-20px;}
.fixedMenu {display:none;}
.tcmLogo{display:none;}
.footer {max-width:550px; max-height:123px; background:url('/images/ftb/footer_1200.jpg') no-repeat;  } 
.section {padding:10px 10px 10px 10px;}  
h1 {font-size:1.6em; padding:0px 0px 5px 0px;}  
h2 {font-size:1.2em;}
.colHead{margin:10px 0;}
.box{width:100%; margin-bottom:20px;}

.boatRates{width:100%; margin-top:5px;}
.boatRates table {width:100%; margin-top:20px;}
.boatRates td, .boatRates th {border-bottom: 2px solid #dfdfdf; }
.boatRates tr:nth-child(even){background-color:#efefef;}
.bookButton {margin-top:5px; }
.smallScreen{display:block;}
.bigScreen{display:none;}     
}


@media screen and (min-width : 550px) and (max-width : 799px)
{
:root {
  --site_width: 100%;
 
}
     
.colBox {column-count: 2; -webkit-column-count: 2;  -moz-column-count: 2;  -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; overflow-x: hidden}
.colHead {margin:0px 0 5px 0;}
.header {max-width:800px; max-height:177px; background:url('/images/ftb/banner_800.jpg') repeat;  padding-top:22.125%;} 
.header img {position:absolute; width:40px; height:40px; top:67%; left:20px;}
.fixedMenu {display:none;}
.mobileMenu li{width:50%; padding:5px 20px; font-size:1.6rem; box-sizing:border-box; list-style:none; float:left;}
.tcmLogo{display:none;}
.footer {max-width:800px; max-height:179px; background:url('/images/ftb/footer_800.jpg') no-repeat;  } 
.section {padding:20px 10px 10px 10px;}
 
 h1 {font-size:2em; padding:0 0px;margin-bottom:10px;} 
 h2 {font-size:1.2em;} 
 
.box{width:100%; margin-bottom:20px;}
.boatImg {width:100%;} 
.boatRates{position:absolute; bottom:45px; right:5px; background-color:rgba(255,255,255,0.7); color:rgba(0,0,0,1);  padding:5px;}
.bookButton {margin:15px 10px;}
.smallScreen{display:block;}
.bigScreen{display:none;}      
 }   
 
 
 
 @media screen and (min-width : 800px) and (max-width :1199px)
{
:root {
  --site_width: 90vw;
 
}
 
.colBox {column-count: 3; -webkit-column-count: 3;  -moz-column-count: 3;  -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; overflow-x: hidden}
.colHead {margin:20px 0 5px 0;}
.header {max-width:1200px; max-height:229px; background:url('/images/ftb/banner_1200.jpg') repeat;  padding-top:19.0833%;} 
.mobileButt {display:none;}
.fixedMenu {font-size:1.2em;}
.tcmLogo{position:absolute; top:10px; left:10px;  width:12%; font-size:0.5em; color:black; font-style: italic;}
.tcmLogo .text{padding-left:10%}
.tcmLogo img {width:100%;}
.tcmLogoWhite {display:none;}

.footer {max-width:1200px; max-height:268px; background:url('/images/ftb/footer_1200.jpg') repeat;  } 
.container {font-size:1.1rem; } 
.section {padding:20px 20px 10px 20px;} 
h1 {font-size:2em; padding:0 0px;margin-bottom:10px;}
h2 {font-size:1.2em;}  

.box{float:left; width:calc(50% - 10px);}
.box:nth-child(odd){margin:10px 10px 10px 0;}
.box:nth-child(even){margin:10px 0 10px 10px;}
.boatText {min-height:70px;} 
.boatRates{width:100%; margin-top:20px;}
.boatRates table {width:100%;  }
.boatRates td, .boatRates th {border-bottom: 2px solid #dfdfdf; }
.boatRates tr:nth-child(even){background-color:#efefef;}
.bookButton {margin-top:5px; }

.smallScreen{display:none;}
.bigScreen{display:block; text-align:center;}     
 }   
 
 
 @media screen and (min-width : 1200px)
{
:root {
  --site_width: 80vw;
 
}    
.container {max-width:1677px; }  


.colBox {column-count: 3; -webkit-column-count: 3;  -moz-column-count: 3;  -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;  overflow-x: hidden}
.colHead {margin:20px 0 5px 0;}
.header {max-width:1677px; max-height:375px; background:url('/images/ftb/banner_1677.jpg') repeat;  padding-top:22.36%; } 
.mobileButt {display:none;}   
.fixedMenu {font-size:1.25em; position:absolute; right:20px; bottom:5px;}
.tcmLogo{position:absolute; bottom:0px; left:20px; min-width:150px; width:18%; font-size:0.7em; color:white; font-style: italic;}
.tcmLogo .text{padding-left:10%}
.tcmLogo img {width:100%;}
.tcmLogoBlack {display:none;}
.footer {max-width:1677px; max-height:375px; background:url('/images/ftb/footer_1677.jpg') repeat;  }     
.container {font-size:1.1rem; } 
.section {padding:20px 30px 10px 30px;}
h1 {font-size:3em; padding:0px 0px 10px 0px;margin-bottom:10px;}  
h2 {font-size:2.3em;}

.box{float:left; width:calc(50% - 10px);}
.box:nth-child(odd){margin:10px 10px 10px 0;}
.box:nth-child(even){margin:10px 0 10px 10px;}
.boatText {min-height:70px;} 
.boatRates{position:absolute; bottom:45px; right:5px; background-color:rgba(255,255,255,0.7); color:rgba(0,0,0,1);  padding:5px;}
.bookButton {margin:15px 10px; }

.smallScreen{display:none;}
.bigScreen{display:block; text-align:center;}  
 
}    


.mobileButt {cursor:pointer;}
.mobileMenu{background-color:#efefef; display:none;}
.mobileMenuInner {display:inline-block}
.bg {position:fixed; width:100%; height:100%; background-color:#fdfdfd; z-index:1;}
.bgLeft {position:fixed; width:50%; height:100%; left:0; top:0; background:url('/images/ftb/bg.jpg') no-repeat left;  }
.bgRight {position:fixed; width:50%; height:100%; right:0; top:0;  background:url('/images/ftb/bg.jpg') no-repeat right;   }

.container {position:relative; width:var(--site_width); margin:var(--top_bar_height) auto 0 auto; z-index:10; min-height:100%; background-color:#ffffff; padding:0px;}
.content {display:inline-block; width:100%; height:100%;box-sizing:border-box;background-color: #fff}
.section {display:inline-block; width:100%;box-sizing:border-box; }
.section:nth-child(even){background-color:#efefef;}

.header{position:relative; top:0; left:0; width:100%; background-size:contain;   font-size:15px;}
.headerOuter {border-bottom:4px solid black;}
.footer{position:absolute; width:100%; height:0; bottom:0; left:0; background-size:contain; padding-top:22.36%; }
.footerSpace {width:100%; height:0; padding-top: 22.36%;}
.fixedMenu {color:white; background-color:#000; text-align:center;}

.box{box-sizing:border-box;}
.box img{width:100%; display:block;}
.boatPrice {padding-left:10px; text-align:right}
.boatImageOuter {position:relative; margin:10px auto; width:95%;}

.bookButton {text-align:center; background-color:#ffff66; box-sizing:border-box;}

.bio {padding:10px; background-color:#efefef;}
.bio img {width:90%; margin: 10px auto 20px auto;}

.topText {margin-bottom:10px;}

.colBox {display:inline-block; box-sizing:border-box;text-align:center;}
.colBox p{margin-bottom:10px;}

.colBox img {width:90%; margin:10px auto 20px auto;}
.content img {box-sizing:border-box; box-shadow: 10px 10px 5px #888888;}
.fullWidth{padding:10px; width:100%; box-sizing:border-box;}
.fullWidth img { box-shadow: 10px 10px 5px #888888; width:100%}
.map img {box-shadow:none;}
.secHead {margin:0px 0px 10px 0px}
.page_content{width:100%;}


.bar{background-color: rgba(var(--angling),1); left:0; width:100vw;}