body {
	     font-family: Times;
		 font-size: 13pt;
		 color: #53868b;
	 }
	
	 h1, .hash-map {
		 margin-top:13px;
		 margin-bottom:13px;
		 text-align: center;
	 }
	 
	 .hash-map { text-decoration: underline; color: #53868b; }
	 .hash-map:hover { text-decoration: none; }
	 
  #main-map { position:relative; width:520px; height: 450px; cursor: crosshair; float: left; margin-bottom: 34px; }
  #wrap { width: 728px; margin: 0 auto; }

  div#progres-info{ width: 100%; height: 21px; margin-top: 2px; }
  div#status-info { width: 100%; height: 13px; text-align: center; margin-top: -5px; padding-bottom: 5px;}
  div#progres-cont { width: 160px; background-color: orange; height: 21px; float: left; cursor: pointer; }
  div#progres-cont:hover { opacity: 0.7;}
  i#progres-bar { background-color: green; height: 21px; float: left; }
  b#progres-label { width: 160px; height: 21px; position: absolute; color: white; background-color: transparent; text-align: center; line-height: 21px; vertical-align: middle; }
  div.progres-num { width: 20px; height: 21px; line-height: 21px; vertical-align: middle;  }
  div#progres-asc { color: green; float: left; text-align: right; }
  div#progres-desc { color: orange; float: left; text-align: left; }
  
  div#ads-cont {
    margin-left: 10px; left: 10px;
  }
  
  .dot {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
	text-align: center;
	line-height: 31px;
	vertical-align: middle;
	border-style: solid;
    border-width: 2px;
	border-color: #555;
  }
 
  .dot:hover { opacity: 0.5; }
  .dot>i { color: #ffffff; }
 
  div#cntrl-buttons { width: 100%; text-align: center; margin-top: 13px; top: 13px; }
 
  span#home-page { background-color: green; }
  label#about-info { background-color: navy; clear: right;}
  span#reset-test { background-color: red; }
  span#results-info { background-color: blue; }
  span#social-share { background-color: maroon; }
 
  .modal { z-index: 1300 }
  
  .modal-footer { display: flex; justify-content: space-between; }
  
  div#cntrl-panel { float: right; width: 200px; height: 555px; margin-bottom: 55px;}
  
  div#proj-links { width: 728px; display: flex; justify-content: space-between; }
  .img-link:hover { opacity: 0.7; }
  i.fa-compass{ color: blue; }
  i.fa-chart-line { color: darkgreen; }
  i.fa-crosshairs { color: red; }
  i.fa-chart-bar { color: navy; }
  i.fa-chart-pie { color: darkorange; }
  
  .only-mobile { display: none; }
  
  @media (max-width: 700px) {
	  .modal-footer { display: block; justify-content: center; }
  }
  
    @media (max-width: 728px) {
	 
	   h1 { font-size: 13pt; }
	 
	  center#map-ads,  div#top-ads, .only-desktop { display: none; }
	  .only-mobile { display: block; }
	  
	  #wrap, div#cntrl-panel, div#proj-links { width: 100%; }
	  div#cntrl-panel { display: flex;  justify-content: flex-end; flex-direction: column-reverse; }
	  /* div#cntrl-panel { display: block; } */
	  /* div#cntrl-panel { flex-direction: column; justify-content: center; } */
	  div#cntrl-bar, div#result-chart, div#ads-cont { margin: 0 auto;}
	  #main-map { width: 100%; height: 62vw; }

	  div#ads-cont { margin-top: 55px; } */
	  /*div#ads-cont {} */
	  
  }