@media screen and (max-width: 100vw) {
  html {
    transform: scale(1);
  }
}
body{
ottom
    margin:0 auto;
    padding: 0;
    display: flex;
    min-height: 100vh;
    min-width: 100vw;
    overflow:hidden;  
    background: radial-gradient(#041664, #000000);
    background-repeat: no-repeat;
    background-position: center top;
}
.logo{
    z-index: 999;
    left: 20px;
    top :20px;
    position:absolute;
    width: 116px;
    height: 32px;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}
.map{
    z-index: 900;
    left:230px;
    top:-180px;
    position:absolute;
    width: 1460px;
    height: 1300px;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}
.titlebak{
    width: 434px;
    height: 37px;
    position:absolute;
    background: linear-gradient(180deg, rgba(0,32,255,0) 0%, rgba(0,32,255,0.2) 100%);
    border-radius: 0px 0px 0px 0px;
    opacity: 1;

}
.singdiv{
  //border:1px solid #FF0000;
  height:100%;
  width:30%;
  margin: auto;
  float: left;
  vertical-align:middle;
}