#chart_container {
	margin: auto;
	width: 98%;
	max-width: 1150px;
	min-width: 850px;
	height: 600px;
}

#map_container {
	position: relative;
	margin: 0px auto 35px auto;
	width: 1000px;
	height: 645px;
	text-align: left;
}
#map_img, #states_svg, #regions_svg {
	position: absolute;
	top: 0; left:0;
	width: 1000px;
	height: 643px;
	z-index: 0;
}
#states_svg, #regions_svg {
	visibility: hidden;
	height: 645px;
	z-index: 1;
}
#regions_svg {
	visibility: hidden;
	height:645px;
	z-index: 2;
}

fieldset {
	align: center;
	text-align: center;
	border: none;
	padding: auto;
	/*border: 1px solid rgb(240,240,240);*/
	height: auto;
	width: auto;
	float: none;
	display: inline-block;
	vertical-align: top;
}
legend {
	font-size: 15px;
	color: rgb(80,80,80);
}

#button-wrap {
	display: flex;				/* https://www.impressivewebs.com/center-multiple-divs/ */
	justify-content: center;
	margin: 5px auto 10px auto;
	width: 100%;
	max-width: 1150px;
	min-width: 850px;
	height: auto;
	text-align: center;
}

#dm_dropdown {
	width: 160px;
}
#var_dropdown {
	width: 250px;
}
#mon_dropdown {
	width: 190px;
}

/* FOR SOME STRANGE REASON, .slider MUST APPEAR AFTER .clearfix */
.clearfix {
    overflow: auto;
}
.slider {
  -webkit-appearance: none;
  width: 400px;
  height: 7px;
  border-radius: 5px;
  background: rgb(212,212,212);
  outline: none;
  opacity: 1;
  -webkit-transition: .2s;
  transition: opacity .2s;
}
.slider:hover {
  opacity: 1;
}
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgb(160,160,160);
  cursor: pointer;
}
.slider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgb(160,160,160);
  cursor: pointer;
}

/*----------------------------------------------------------------------------*/
/* Responsive design media calls                                              */
/*----------------------------------------------------------------------------*/
@media screen and (max-width: 1150px) {
	#dm_dropdown {width: 150px;}
	#var_dropdown {width: 200px;}
	#mon_dropdown {width: 170px;}
	.slider {width: 350px;}
}

@media screen and (max-width: 1030px) {
	#dm_dropdown {width: 150px;}
	#var_dropdown {width: 180px;}
	#mon_dropdown {width: 170px;}
	.slider {width: 330px;}
	
	#map_container, #states_svg, #regions_svg {
		width: 880px; height: 568px;}
	#map_img {width: 880px; height: 566px;}
}
@media screen and (max-width: 990px) {
	#var_dropdown {width: 170px;}
	.slider {width: 300px;}
}
@media screen and (max-width: 940px) {
	#chart_container {height: 500px;}
	
	#var_dropdown {width: 150px;}
	#mon_dropdown {width: 150px;}
	.slider {width: 270px;}
	
	#map_container, #states_svg, #regions_svg {
		width: 825px; height: 532px;}
	#map_img {width: 825px; height: 530px;}
}
@media screen and (max-width: 900px) {
	.slider {width: 260px;}
}