body {
	background: #000;
	background-size: cover;
	background-repeat: no-repeat;
    font-family: Arial;
    font-size: 20px;
}
#map {
    height: 700px;
    width: 100%;
    margin-top: 20px;
}
@media only screen and (max-width: 600px) {
    #map {
        height: auto important!;
    }
	#myList, #dv, #td, #ls, #swtch, #selectplot, #spw, #sp, #tdplots, #closeButto, #plots, .dropdown666{
		display:none;
	}
	 #mv{
		scrollbar-color: white navy;
		scrollbar-width: thin; 
		scrollbar-gutter: stable both-edges;
	}
	#smtch, #lm{
		display: inline;
	}
}

@media only screen and (min-width: 601px) {
	#mobileList, #mv, #smtch, #lm, #ls2m, #selectplotm, #spwm, #spm, #tdplotsm, #closeButtom, #plotsm, #selectplotm, .dropdown666Mobile{
		display: none;
	}
	 #map {
        width:88%;;
    }
	.navbar666{
		display: flex; 
		align-items: center; 
		justify-content: center;
	}
	#sp, #spw{
		font-size:20px;
	}
}

.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;
}