/* Display background image for desktop */
@media only screen and (min-width: 980px) {
  body { background-color:transparent !important; }
  html { 
    background: #f0f0f0 url(https://www.bermuda-attractions.com/background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

a:link, a:visited { text-decoration: none; } 
a:active, a:hover { text-decoration: underline; }
h1, h2, h3 {display: inline;}
h1, h2, h3 {line-height: normal;}

img {
    max-width: 100%;
    height: auto;
    width: auto;
}

table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    overflow-x: scroll;
    overflow-y: scroll;
}

td {
    word-wrap:break-word;
}

/* Define a button */
.button {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 6px;
  border: 0;
  letter-spacing: 0.0625em;
  background: #2E64FE;
  color: #fff;
  cursor: pointer;
}

.button:hover {
  background: #000;
  color: #fff;
  text-decoration: none;
}

/*  SECTIONS  */
.section_header {
        clear: both;
        padding: 0px;
        margin: 0 0 1% 0;
}

.section_footer {
        clear: both;
        padding: 0px;
        margin: 1% 0 0 0;
}

.section_body {
        clear: both;
        padding: 0px;
        margin: 0 5% 0 5%;
}

/*  COLUMN SETUP  */
.col {
        display: block;
        float:left;
        margin: 0 0 0 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF FOUR  */
.span_4_of_4 {
        width: 100%;
        background-color: #ffffff;
}
.span_3_of_4 {
        width: 66.13%;
        background-color: #ffffff;
}
.span_2_of_4 {
        width: 49.2%;
        background-color: #ffffff;
}
.span_1_of_4 {
        width: 32.26%;
        background-color: #ffffff;
}


/*  GRID OF FULL WIDTH STRIP for Header Footer  */
.span_4_of_strip {
        width: 100%;
        background-color: #000000;
}
.span_3_of_strip {
        width: 66.13%;
        background-color: #000000;
}
.span_2_of_strip {
        width: 49.2%;
        background-color: #000000;
}
.span_1_of_strip {
        width: 32.26%;
        background-color: #000000;
}

/*  MAKE BODY MARGINS 0 WHEN SIDEBAR REACHES 300px */
@media only screen and (max-width: 1070px) {
        .section_body {  margin: 0 0 0 0%; }
}

/*  GO FULL WIDTH BELOW 980 PIXELS */
@media only screen and (max-width: 980px) {
        .section_header {  margin: 0 0 0 0%; }
        .section_footer {  margin: 0 0 0 0%; }
        .section_body {  margin: 0 0 0 0%; }
        .col {  margin: 0 0 0 0%; }
        .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4, .span_1_of_strip,           .span_2_of_strip, .span_3_of_strip, .span_4_of_strip { width: 100%; }
}

/*  CSS FOR MENU */
.dropbtn {
    background-color: #000000;
    color: white;
    padding: 10px 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
    float:left;
}

.dropdown-vanish {
    position: relative;
    display: inline-block;
    float:left;
}

.dropdown-vanish2 {
    position: relative;
    display: inline-block;
    float:left;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

@media only screen and (max-width: 730px) {
    .dropdown-contentlast {
        display: none;
        position: absolute;
        left: -59px;
        background-color: #f9f9f9;
        min-width: 150px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}}
@media only screen and (min-width: 731px) {
    .dropdown-contentlast {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 150px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}}

.dropdown-content a {
    color: black;
    padding: 10px 16px;
    font-size: 14px;
    text-decoration: none;
    display: block;
}

.dropdown-contentlast a {
    color: black;
    padding: 10px 16px;
    font-size: 14px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1;}
.dropdown-contentlast a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropdown-contentlast {display: block;}

.dropdown-vanish:hover .dropdown-content {display: block;}
.dropdown-vanish:hover .dropdown-contentlast {display: block;}
.dropdown-vanish2:hover .dropdown-content {display: block;}
.dropdown-vanish2:hover .dropdown-contentlast {display: block;}

.dropdown:hover .dropbtn {background-color: #717171;}
.dropdown-vanish:hover .dropbtn {background-color: #717171;}
.dropdown-vanish2:hover .dropbtn {background-color: #717171;}

@media only screen and (max-width: 550px) {
   .dropdown-vanish {display: none;}
}
@media only screen and (max-width: 330px) {
   .dropdown-vanish2 {display: none;}
}
/* VisualVision iPer CSS */

/* [no style] */
div.s0 {
	font-family:"Arial";
	font-size:10pt;
	color:#000000;
	margin-left:0mm;
	margin-right:0mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:left;
	list-style-type:none;	}
a.s0 {
	color:#0000FF;
	}
/* [no style intab] */
div.s1 {
	font-family:"Arial";
	font-size:10pt;
	color:#000000;
	margin-left:0mm;
	margin-right:0mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:left;
	list-style-type:none;	}
a.s1 {
	color:#0000FF;
	}
/* Normal */
div.s2 {
	font-family:"Verdana";
	font-size:11pt;
	color:#000000;
	line-height:7mm;
	margin-left:3mm;
	margin-right:3mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:justify;
	list-style-type:none;	}
a.s2 {
	color:#0000FF;
	}
/* Default */
div.s3 {
	font-family:"Verdana";
	font-size:10pt;
	color:#000000;
	margin-left:3mm;
	margin-right:3mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:left;
	list-style-type:none;	}
a.s3 {
	color:#0000FF;
	}
/* Body Text */
div.s4 {
	font-family:"Verdana";
	font-size:10pt;
	color:#000000;
	margin-left:3mm;
	margin-right:3mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:left;
	list-style-type:none;	}
a.s4 {
	color:#0000FF;
	}
/* Underline */
div.s5 {
	font-family:"Verdana";
	font-size:11pt;
	color:#000000;
	text-decoration:underline;
	margin-left:3mm;
	margin-right:3mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:justify;
	list-style-type:none;	}
a.s5 {
	color:#0000FF;
	}
/* Mini */
div.s6 {
	font-family:"Arial Narrow";
	font-size:1pt;
	color:#000000;
	margin-left:0mm;
	margin-right:0mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:left;
	list-style-type:none;	}
a.s6 {
	color:#0000FF;
	}
/* Definition List */
div.s7 {
	font-family:"Verdana";
	font-size:10pt;
	color:#000000;
	margin-left:6mm;
	margin-right:3mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:justify;
	list-style-type:none;	}
a.s7 {
	color:#0000FF;
	}
/* Normal 1 */
div.s8 {
	font-family:"Verdana";
	font-size:11pt;
	color:#000000;
	line-height:7mm;
	margin-left:3mm;
	margin-right:3mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:justify;
	list-style-type:none;	}
a.s8 {
	color:#0000FF;
	}
/* Z-Align */
div.s9 {
	font-family:"Verdana";
	font-size:10pt;
	color:#000000;
	margin-left:3mm;
	margin-right:3mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:center;
	list-style-type:none;	}
a.s9 {
	color:#0000FF;
	}
/* Blockquote */
div.s16 {
	font-family:"Verdana";
	font-size:10pt;
	color:#000000;
	margin-left:6mm;
	margin-right:6mm;
	margin-top:2mm;
	margin-bottom:2mm;
	text-indent:0mm;
	text-align:justify;
	list-style-type:none;	}
a.s16 {
	color:#0000FF;
	}
/* Normal (Web) */
div.s17 {
	font-family:"Arial";
	font-size:12pt;
	color:#000000;
	margin-left:3mm;
	margin-right:3mm;
	margin-top:2mm;
	margin-bottom:2mm;
	text-indent:0mm;
	text-align:left;
	list-style-type:none;	}
a.s17 {
	color:#0000FF;
	}
/* z-Bottom of Form */
div.s18 {
	font-family:"Arial";
	font-size:8pt;
	color:#000000;
	margin-left:3mm;
	margin-right:3mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:center;
	list-style-type:none;	}
a.s18 {
	color:#0000FF;
	}
/* z-Top of Form */
div.s19 {
	font-family:"Arial";
	font-size:8pt;
	color:#000000;
	margin-left:3mm;
	margin-right:3mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:center;
	list-style-type:none;	}
a.s19 {
	color:#0000FF;
	}
/* Header */
div.s20 {
	font-family:"Arial";
	font-size:10pt;
	color:#FFFFFF;
	margin-left:3mm;
	margin-right:3mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:justify;
	list-style-type:none;	}
a.s20 {
	color:#FFFFFF;
	text-decoration:none;
	}
/* Left Menu */
div.s23 {
	font-family:"Verdana";
	font-size:11pt;
	color:#000000;
	line-height:8mm;
	margin-left:0mm;
	margin-right:0mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:center;
	list-style-type:none;	}
a.s23 {
	color:#FFFFFF;
	}