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: 555px; height: 380px; cursor: crosshair; float: left; margin-bottom: 34px; }
  #wrap { width: 758px; margin: 0 auto; }

  div#progres-info{ width: 100%; height: 34px; margin-top: 2px; }
  div#status-info { width: 100%; height: 13px; text-align: center; margin-top: -5px; padding-bottom: 5px;}
  div#progres-cont { width: 143px; background-color: orange; height: 34px; float: left; cursor: pointer;}
  div#progres-cont:hover { opacity: 0.7;}
  i#progres-bar { background-color: green; height: 34px; float: left; }
  div#progres-txt-cont { width: 143px; height: 34px; line-height: 34px; position: absolute; text-align: center;  }
  b#progres-label {  color: white; background-color: transparent; line-height: 70%; display:inline-block; vertical-align: middle;}
  div.progres-num { width: 28px; height: 34px; line-height: 34px; 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 }
  
  div#cntrl-panel { float: right; width: 200px; height: 380px; 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; }
  
  
  center#liveinternet { margin-top: 25px; }
  
  .only-mobile { display: none; }
  
    @media (max-width: 758px) {
	 
	  /* h1 { font-size: 17pt; } */
	 
	  center#map-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: 99%; height: 53vw; }
	  center#liveinternet { display: none; }
	  div#ads-cont { margin-top: 55px; } */
	  /*div#ads-cont {} */
	  
  }