body {
	background-color: black;
	background-size: cover;
	background-repeat: no-repeat;
    font-family: Arial;
    font-size: 20px;
}

@media only screen and (max-width: 600px) {
    #map {
		width: 100%;
        height: auto !important;
		display:block !important;
    }
	#header {
        width: 100%;
    }
	#ad {
        width:85vw;
    }
	#desktopVersion{
		display:none;
	}
	#mobileList, #containerMobileList, #mapm{
		display:block;
		width:100%;
	}
	#errorm {
		display:block;
	}
	#myLegendMobile, #myLegendMobile li{
		display:block;
		width:100%;
	}
	#lsMobile, #swtchMobile, #labelSort{
		display:inline;
	}
	#desktopList{
		display:none;
	}
	#container {
		flex-flow: row wrap;
		width: unset;
		height: 500px; 
  }
}
@media only screen and (min-width: 601px) {
	#map {
    height: 800px;
	/*min-width:800px;*/
    width: 100%;
    margin-top: 38px;
	}
    #ad {
        width:538px;
    }
	#header {
        width: 100%;
		white-space:nowrap;
    }
	#desktopVersion{
		display:block;
	}
	#myLegendMobile, #mobileList, #containerMobileList, #swtchMobile, #lsMobile, #mapm, #labelSort, #errorm{
		display:none;
	}
	#desktopList{
		display:block;
	}
	
	.navbar666{
		display: flex; 
		align-items: center; 
		justify-content: center;
	}
}
.overlay {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    width: ;
    opacity: 0.8;
    background: #47a;
    box-shadow: 2px 2px 10px #333;
    padding: 0 4px;
}
.overlay_arrow {
    left: 50%;
    margin-left: -16px;
    width: 0;
    height: 0;
    position: absolute;
}
.overlay_arrow.above {
    bottom: -15px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #369;
}
.overlay_arrow.below {
    top: -16px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #369;
}
.recent_quake {
    text-align: center;
    background-color: #dcdcdc;
    color: purple;
    font-family: Arial;
}
.latest {
    background: #3f3;
}
.strongest_quake {
    text-align: center;
    background-color: #dcdcdc;
    color: purple;
    font-family: Arial;
}
.time_since {
    padding-bottom: 20px;
    font-size: 20px;
    background-color: #dcdcdc;
}
.time_since span {
    font-weight: 700;
}
.strongest {
    background: #f33;
}
.page-header {
    margin-bottom: 0;
}