header {
margin:5px 0 0 0;
text-align:center;
}

.site-title img{
max-width:200px;
}

h1.site-title a{
margin:0;
padding:0;
}

.site-info{
text-align:center;
font-size:80%;
padding:10px;
color:#bbb;
}


#pointlist {
background:#bae6f5;
border-radius:4px;
}


#pointlist ul{
margin: 0;
padding: 0;
list-style:none!important;
}

#pointlist ul li {
border-bottom: 1px solid #83b8ca;
-webkit-box-shadow: 0 1px 0 #def3fa;
-moz-box-shadow: 0 1px 0 #def3fa;
box-shadow: 0 1px 0 #def3fa;
padding:0.5em;

}

#pointlist ul li a{
color:#333;
display:block;
}

#pointlist ul li:hover{
background:rgba(255,255,255,0.2);
}

#footer{
text-align:center;
background:#eee;
margin:0!important;
}

.aqua{
background:#bae6f5!important;
}

fieldset{
border:none;
}


#hero{
text-align:center;background:#bae6f5;border-radius:0;border:0;margin-top:0;
}

.name{
margin:0px 0px 0px 10px!important;
padding:0!important;
display:inline;
}

#free-page,
#detail,
#map{
margin:0 auto!important;
}

.no-margin{
margin:0!important;
}

.no-padding{
padding:0!important;
}

.no-margin-top{
margin-top:0!important;
}

.no-padding-top{
padding-top:0!important;
}

.padding-20{
padding:20px!important;
}

.margin-bottom-10{
margin-bottom:10px!important;
}

.img-responsive{
max-width:100%;
width:100%;
}

#nav-map{
margin:5px 0!important;
padding:0!important;
}

#overmes{
background-color:#fee;
position:absolute;
top:30%;
left:0px;
z-index:999990;
color:red;
box-sizing: border-box;
filter: alpha(opacity=85);
-moz-opacity:0.85;
opacity:0.85;
}

.overmes-inner{
padding:10px;
}


.om_text{
max-width:100%;
width:100%;
}


#pointlist{
height:auto;
max-height:40vh;
margin-bottom:5px;
overflow-y: scroll;
border-bottom:solid 1px #a6a6a6;
-webkit-overflow-scrolling: touch;
}

#pointlist ul{
list-style:none;
}

.ui.button{
font-weight:normal;
}

#btn-centering{
margin:3px 0px 3px 10px;
display:inline;
}

#btn-detail-bottom{
margin-top:5px;
}

#btn-detail-bottom a{
line-height:1.4em;
}

@media (max-width: 360px) {
  .hidden-5s {
    display: none !important;
  }
  .visible-5s {
 	display: block !important;
}
}

@media (min-width: 361px) {
  .visible-5s {
 	display: none !important;
}
}