body, html {
height: 100%;
margin:auto;
font-size: 16px;
font-family: Verdana;
font-weight: 400;
line-height: 2.7em;
color: #3c3c3c;
}
div.d {
  line-height: 200%;
}
BODY h1{font-size:16px;color:#3c3c3c;padding-bottom: 0.325rem; padding-top: 1.625rem;}
BODY h2{font-size:16px;color:#3c3c3c;}
BODY h3{font-size:16px;color:#3c3c3c;padding-bottom: 0.325rem; padding-top: 0.325rem;}
BODY h4{font-size:16px;color:#3c3c3c;padding-bottom: 0.325rem; padding-top: 0.325rem;}
BODY h5{font-size:16px;color:#3c3c3c;padding-bottom: 0.325rem; padding-top: 0.325rem;}
BODY h6{font-size:16px;color:#3c3c3c;padding-bottom: 0.325rem; padding-top: 0.325rem;}
BODY h7{font-size:17px;color:#3c3c3c;padding-bottom: 0.325rem; padding-top: 0.325rem;}
BODY h8{font-size:17px;color:#0e5c60;}
BODY h9{font-size:17px;color:#0e5c60;}
BODY h10{font-size:17px;color:#0e5c60;}
BODY h11{font-size:17px;color:#0e5c60;}
BODY h12{font-size:17px;color:#0e5c60;}
div.b {
  text-decoration-line: underline; 
  }
BODY m {
    color: blue;
}
.tel{
background: url("images/tel.png") 
no-repeat;
display: inline-block;
position: relative;
}
.tel:hover {
border: solid 1px #00008B;
  transition: border-width 0.1s linear;
}
.navbar-brand :hover {
border: solid 0.1px #808080;
  transition: border-width 0.1s linear;
}

.phone {font-size: 16px;
color: #0e5c60;
text-align: right;
padding: 10px 20px;
}
BODY blockquote {font-size: 16px;}

.section {
padding: 20px 20px;
padding-top: 20px;
background-color: #fff;
color: #3c3c3c;
font-size: 16px;
text-align: justify;
}
.section1 {
padding: 20px 20px;
padding-top: 2px;
background-color: #fff;
color: #3c3c3c;
font-size: 16px;
text-align: justify;
}
.section-light {
padding: 20px 20px;
padding-top: 20px;
background-color: #fff;
color: #3c3c3c;
font-size: 16px;
text-align: justify;
}

.section-dark {
background-color: #D4AF37;
color: #ddd;
max-width: 120%;
padding: 20px 20px;

}

.section-dark {
color: #fff;
font-size: 18px;
text-align: justify;
}

* {
    box-sizing: border-box;
    margin: 0; 
    padding: 0;
}
ul {
    list-style: none;
    padding-left: 0;
}
footer {
background-color:#fff;
    color: #3c3c3c;
    line-height: 1.5;
    padding: 10px 40px;
}
footer a {
    text-decoration: none;
    color: #3c3c3c;
}
a:hover {
    text-decoration: underline;
}
.ft-title {
    color: #3c3c3c;
    font-family: �Merriweather�, serif;
    font-size: 1.10rem;
    padding-bottom: 0.015rem;
}
.ft-title1 {
    color: #3c3c3c;
    font-family: �Merriweather�, serif;
    font-size: 1.10rem;
    padding-bottom: 0.015rem;
}
.container {
    flex: 1;    /* same as flex-grow: 1; */
}
.ft-main {
    padding: 0.05rem;
    display: flex;
    flex-wrap: wrap;
}
.ft-main-item {
    padding: 0.05rem;
    min-width: 10.5rem; /*200px*/
    color: #3c3c3c;  font-family: Verdana; font-size: 16px; line-height: 2.0;
}
@media only screen and (min-width: 29.8125rem /*477px*/) {
    .ft-main {
        justify-content: space-around;
    }
}
@media only screen and (min-width: 77.5rem /*1240px*/ ) {
    .ft-main {
        justify-content: space-evenly;
    }
}

.ft-legal {
    padding: 0.9375rem 0.000rem;
    background-color: #ddd;
    color: #3c3c3c;
}
.ft-legal-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap; 
    font-size: 16px;
}
.ft-legal-list li {
    margin: 0.125rem 0.425rem; word-spacing: 0.3px;
    white-space: nowrap;
}
/* one before the last child */
.ft-legal-list li:nth-last-child(2) {
   flex: 1;       /* same as flex-grow: 1; */
}
.col-4{width:33.33%;}
.col-8{width:66.66%; float: right;}
.parallax {
    background: transparent;
    padding: 360px 35px; 
}
.parallax1 {
    background: transparent;
    padding: 110px 35px; 
}
.parallax2 {
    background: transparent;
    padding: 70px 35px; 
}
.parallax3 {
    background: transparent;
    padding: 70px 35px; 
}
.parallax4 {
    background: transparent;
    padding: 70px 35px; 
}
.parallax5 {
    background: transparent;
    padding: 70px 35px; 
}
.map iframe {
    width: 100%;
    height: 100%;
    margin: 1em 0;
	border: none;	
}
.info {
z-index:2;
position: relative;
top:30%;
width:100%;
text-align:center;
color:#000;
font-size:25px;
letter-spacing:5px;
font-weight: normal;
line-height: 1.6;
}
.info1 {
z-index:2;
position: relative;
top:60%;
width:100%;
text-align:center;
color:#000fff;
font-size:25px;
letter-spacing:5px;
font-weight: normal;
line-height: 1.6;
}
.info2 {
z-index:2;
position: relative;
top:60%;
width:100%;
text-align:center;
color:#fff;
font-size:25px;
letter-spacing:5px;
font-weight: normal;
line-height: 1.6;
}
.info3 {
z-index:2;
position: relative;
top:60%;
width:100%;
text-align:center;
color:#3c3c3c;
font-size:25px;
letter-spacing:5px;
font-weight: normal;
line-height: 1.6;
}
.tooltip {
    position: fixed;
    display: inline-block;
    border-bottom: 0px dotted black;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 180px;
    background-color: #0e5c60;
    color: #FFFFFF;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 0%;
    left: 50%;
    margin-left: -190px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
[class*="col-"]{float:left;padding-left: 20px;padding-right: 30px;padding-top: 50px;font-size: 16px;text-align: justify;}
.col-1{width:8.33%;}
.col-2{width:16.66%;}
.col-3{width:25%;}
.col-4{width:33.33%;}
.col-5{width:41.66%;}
.col-6{width:50%;}
.col-7{width:58.33%;}
.col-8{width:66.66%;}
.col-9{width:75%;}
.col-10{width:83.33%;}
.col-11{width:91.66%;}
.col-12{width:100%;padding-left: 40px;padding-right: 40px;}
.col-13{width:50%;background-color:#0e5c60;text-align:left;color:#c1ac51;font-size:15px;}
.col-14{width:16.66%;padding: 15px 1px;}
.col-15{width:33.33%;background-color:#0e5c60;}
.col-16{width:50%;padding-top: 60px;}
.col-17{width:100%;padding-top: 60px;padding-left: 40px;padding-right: 40px;}
.col-18{width:50%;padding-top: 10px;padding-left: 40px;padding-right: 40px;}
.col-19{width:100%;padding-top: 10px;padding-left: 40px;padding-right: 40px;}

img{max-width:100%;height:auto;}
@media only screen and (max-width:768px){[class*="col-"]{width:100%;}
@media only screen and (max-width:768px){[class*="col-16"]{padding-top: 20px;}
@media only screen and (max-width:768px){[class*="col-12"]{width:100%;}
@media only screen and (max-width:768px){[class*="col-17"]{width:100%;}
blockquote { 
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}