* {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.future_master img {
    width: 80px;
}

/* hum color #F6DE34 */

#result-data{
  float:left;
  width: 40%;
}

#result-chart{
  float:left;
  width: 50%;
}

#result ul {
  list-style-type: circle;
}

#result li 
{
  transition: opacity 1.5s ease;
  opacity: 1;
  font-size: 1.5em;
}
#result li:hover {
  opacity: 0.5;
}

h1 {
  /*font-family: 'Roboto', cursive !important;
  font-weight: bold;
  */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  
  font-size: 2.5em !important;
  overflow: initial !important;
  margin: 5px !important;
  color: #333333 !important;  
}

h2 {
  /*font-family: 'Roboto', cursive !important;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.0em !important;
  overflow: initial !important;
  margin: 3px !important;
  color: #333333 !important;  
}

.ui-header, .ui-bar-a {
	background-color: #F6DE34 !important;
	background-image: none !important;
}

.ui-footer .ui-link {
	color: #333333 !important;
	font-size: 1em !important;
	text-shadow: none !important;
}

.ui-footer p {
	color: #333333 !important;
	font-size: 1em !important;
	text-shadow: none !important;
}

.progress-bar-warning {
  background-color: #BBBBBB;  
  color: #333333;
  font-weight: bold;
  font-size: 14px;
}

#donut-chart {
  display: none; 
}

#donut-chart {
  display: none; 
}

.future_master {
  width: 100%;
  margin-top: 0px;
}

.future_content {
  width: 60%;
float: left;  
}

.future_images {
  width: 40%;
  float: left;  
}

.future_images img {
  width: 100%;  
}

.future_clear {
  width: 100%;
  clear: both; 
}

#donut-chart-desktop {
  float: right; 
}


@media only screen and (max-width: 900px) { 
  #donut-chart-desktop {
  display: none; 
}

	#result-data{
  float:left;
  width: 90%;
}

#result-chart{
  float:left;
  width: 90%;
}

  #donut-chart {
  display: block; 
}

.future_clear, .future_images {
  display: none;
}

.future_content {
  width: 100%;
  float: none;
}

}