@media(max-width: 600px){
  .S_lens{
    right: 3px
  }

  body{
    overflow:auto;
    background:url('mobile.jpg') no-repeat center center fixed;
    background-size: cover;
    /*background: transparent url('small.jpg') no-repeat fixed center;*/
  }
  .header{
    margin-top: 15%;
  }
}
@media (min-width:630px){
  .header{
  margin-top: 8%;
}
  body{
     background: url('background.jpg') no-repeat center center fixed ;
    -webkit-background-size: cover;
    overflow-y:auto;
    background-size: cover;
  }


}

body{
  font-family:  Helvetica, Arial, Sans-Serif;
}

.map img{
  margin-left: 20%;
  max-width:100%;
  max-height: auto;
}
.Dropdown_title{

font-weight: bold;
font-family: inherit;
 margin-left: 10%;
 margin-top: -3%;
}

.S_lens{
  font-size: 2.5em;
  margin-top: .5em;

}
#dropdown{
        margin-left: 10%;
}
#dropdown>a{
        color: rgba(180,180,180,0.7);
        border:1px solid rgba(180,180,180,0.7);
        padding: 5px 40px 5px 0px;
}
#dropdown>a:hover{
        text-decoration: none;
        color: rgba(170,170,170,1);
}

.dropdown-menu{
        margin-left: 15px;
        overflow-y:auto;
        height: 150px;

}

.arrow_up:before {
  position: absolute;
  top: 7px;
  left: 169px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: " ";
}

.arrow_down:after {
  position: absolute;
  top: 9px;
  left: 129px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-top: 6px solid #ccc;
  border-left: 6px solid transparent;
  content: " ";
}

