html,body,div,h1,h2,h3,h4,h5,h6,p,a,img,ul,li{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
body{font-family:'Merriweather',serif;font-size:13pt;font-weight:300;line-height:1.5;background-color:#fff;color:#999;-webkit-text-size-adjust:none;-ms-overflow-style:scrollbar}

h1{font-weight:400}
h1 a,h2 a{color:inherit;text-decoration:none}
h3{font-size:1.2em;margin:.8em 0}
h4{font-size:1.2em;color:#118f40}
h5{font-size:1em;color:#118f40}
h6{font-size:.7em;color:#11592c}
@media screen and (min-width: 481px) {
h3{
margin:1.6em 0}
h4{font-size:1.5em}	
h5{font-size:1.2em}	
h6{font-size:0.9em}	
}

a{text-decoration:none;color:#ab0006}
p,ul{margin-bottom:1em}
.advice{width:calc(100% - 1.6em);padding:.8em}

.add-button{position:absolute;top:115px;left:2.5%;right:2.5%;padding:8px;background:#fff;color:#666;border:0;border-radius:10px;font-size:1.2em;z-index:999;display:none}
.mainicon{float:left;height:40px;width:auto}

.page{position:relative;width:100%;min-height:calc(100vh - 3.2em);font-family:'Merriweather',serif}

#home{background:#118f40;height:calc(100vh - 3.2em)}

#home .inner{position:relative;top:25%;width:100%;text-align:center;color:#fff}
@media screen and (min-width: 481px) {
#home .inner{width:70%;margin:0 auto}
#home .inner h2{font-size:1.8em}
}
#home .more{border:2px solid #fff;border-radius:100%;display:block;height:100px;width:100px;margin:0 auto}
#home .more img{margin:17px}

.header{background:#118f40;top:0;height:49px;border-bottom:1px solid #fff;overflow:hidden}

.header #heart{height:49px}
.header #heart img{height:32px;margin:8px 10px}
.header #heart span{color:#fff;font-size:20px;line-height:56px;vertical-align:top}

.sponsor{background:#fff;height:49px;border-bottom:1px solid #fff;overflow:hidden;display:none}
.sponsored{font-size:10px;padding-left:6px;color:#333}
.advert{height:34px}

#map_canvas {height:calc(90vh - 5.9em)}
.loading, .no-signal{position:absolute;top:30%;left:50%;width:50%;transform:translate(-50%, -50%);color:#999;font-size:1.2em}
.no-signal{top:45%}

@media screen and (min-width: 481px) {
.header{height:79px}
.header #heart img{height:60px}
.header #heart span{font-size:32px;line-height:90px}
.sponsor{top:79px;height:79px}
.sponsored{font-size:13px}
.advert{height:60px}
.add-button{top:175px}
}
@media screen and (min-width: 781px) {
.header{height:84px}
.header #heart img{height:64px}
.header #heart span{font-size:36px;line-height:100px}
.sponsor{top:84px;height:84px}
.advert{height:64px}
#map_canvas {height:calc(80vh - 3.2em)}
.add-button{top:188px}
}

table.infowin, table.infowin tr, table.infowin td{margin:0;padding:0;border:0;background-color:#FFF;color:#666}
table.infowin{text-align:center;font-size:15px;padding:9px}
table.infowin td.pic{vertical-align:top}
td.pic img{margin-bottom:4px;border:none}
.custom-map-control-button{background-color:#fff;border:1px solid;border-radius:2px;margin:10px;margin-top:25px;padding:0 0.5em;height:30px;font-size:18px;overflow:hidden}
.custom-map-control-hidden{display:none}
.locname{font-size:1.4em;font-weight:bold;color:#3498db}
.limited{margin-top:6px;font-weight:bold;color:#F30}

#cpr{background:#fff;border-top:1px solid #999}
#cpr ul{list-style:disc;margin:0 0 2em;padding-left:1em}
#cpr ul li{padding-left:.5em}

#about{background:#fff;border-top:1px solid #999}

#copyright{padding:1em;text-align:center;font-size:.8em}
.spacer{height:3em}

.nav{display:flex;flex-direction:row;justify-content:space-evenly;position:fixed;bottom:0;width:100%;background:#fff;height:3.2em;padding:.3em 0 .2em}
.nav div{width:23%;border:1px solid #ab0006;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:center;padding-top:.5em}
.nav div a{color:#000}
.nav div a img{width:50%;height:50%}

#ios-prompt{background-color:#fff;border:0;padding:0.8rem 1rem 0 0.5rem;border-radius:10px;text-decoration:none;font-size:16px;color:#555;position:absolute;top:115px;left:2.5%;right:2.5%;display:none}
#ios-prompt .mainicon{margin:-4px 8px 8px 0}
#ios-prompt p{margin:-3px 0 8px 50px;line-height:1.3rem}
#ios-prompt .shareicon{display:inline-block;margin-top:4px;margin-bottom: -4px;height:20px;width:auto}
/*.iphone{display:block}
.ipad{display:none}*/
@media screen and (min-width: 481px) {
#ios-prompt{top:175px}
/*.iphone{display:none}
.ipad{display:block}*/
}
@media screen and (min-width: 781px) {
#ios-prompt{top:188px}
}