*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.container {
  margin: 0 auto;
  width: 90%;
}

fieldset2 {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}



legend{
	font-size:14px;
	color: #707242;
	font-weight:bold;
}

ul {
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
}


h1{
	color: #cccc00;
    font-size: 16px;
}

h2{
	font-weight:bold;
	font-size:15px; 
	color: #707242;
}

	
.slider-heading{
	font-weight:bold; 
	font-size:13px; 
	color: #707242;
}

.logo-heading{
	font-weight:bold;
	font-size:13px; 
	color: #707242;
}

.profilePicture{
	border: 1px solid #a8a8a8;
	width: 70%; 
  	height: auto;
}

.productInformationColor{
	font-size:14px;
	color: #707242;
	font-weight:bold;
	font-family:Arial;
}

#arrow{
	margin-right: 1%;	
}

.align{
	text-align:none;	
}

.slider{
	width:80%;
}

#summary-table{
	width:100%;
}

td{
	width:25%;
	height: 25px;
	vertical-align: top;
}

.price{
	font-weight:bold;
	font-size:13px; 
	color: #bfc400;
}

#saving{
	padding-left: 10px;
	padding-right: 10px;
	font-weight:bold;
	font-size:16px; 
	color: #ff0000;
}

#totalSaving{
	padding-left: 10px;
	font-weight:bold;
	font-size:13px; 
	color: #ff0000;
}

#device{
	margin-right:10px;
	margin-left: 10px;
	font-weight:bold; 
	font-size:16px; 
	color: #707242;
}

/*distance between radio-button purchase and rent*/
.radioPurchase{
	margin-right:70px;
}

.offer{
	padding-bottom: 10px;
	font-weight:bold;
	font-size:14px; 
	color: #707242;
}

/*button-alignment*/
#more {
	text-align: center;
}

/* Small screens (default) */
html { 
	font-size: 70%; 
	font-family: DINWeb,Arial,Helvetica,Times;
}

/* Medium screens (640px) */
@media (min-width: 640px) {
  html { 
  	font-size: 90%; 
 	font-family: DINWeb,Arial,Helvetica,Times; 
  }
  .profilePicture{
	border: 1px solid #a8a8a8;
	width: 100%; 
  	height: auto;
  }
  
  #arrow{ margin-right: 7px; }
  .slider{ width:70%; }
  
  h1{
	color: #cccc00;
    font-size: 20px;
  }
  
  h2.steps {
  	display:none;
  }
	.saving-heading{
		padding-left: 10px;
		padding-right: 10px;
		font-weight:bold;
		font-size:16px; 
		color: #ff0000;
   }

	#totalSaving{
		padding-left: 10px;
		font-weight:bold;
		font-size:16px; 
		color: #ff0000;
	}
	
	.offer{
		padding-right:10px;
		padding-bottom: 0px;
		font-weight:bold;
		font-size:16px; 
		color: #707242;
	}
	#chart_div, #curve_chart {
  		padding-top: 0px;
	} 
	
	#more{
		text-align: right;
	}
	.align{
		text-align:center;	
	}
}

@media (min-width: 640px) {
  .column {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
  }

  .column.full { width: 100%; }
  .column.two-thirds { width: 66.7%; }
  .column.half { width: 50%; }
  .column.third { width: 33.3%; }
  .column.fourth { width: 25%; }
  .column.flow-opposite { float: right; }
  .column.thirty{width: 30%; }
  .column.fortyfive{ width: 45%; }
}

/* Large screens (1024px) */
@media (min-width: 1024px) {
  html { font-size: 80%; }
  
  #chart_div, #curve_chart{
  	height:350px;
  	width: auto;
  }
}