/** COLUMN 1 **/
#column-1, #column-2, #column-3{
padding:0;
box-sizing:border-box;
}

h1{
font-size:120%;
font-weight:bold;
width:100%;
padding:0;
text-align:center;
color:black;
}

h2{
font-size:100%;
font-weight:normal;
margin:0 0 0 0;
text-align:center;
color:#fff;
background-color:#007CC2;
width:80%;
margin-left:10%;
padding:2% 0;
box-sizing:border-box;}

p{
width:80%;
clear:both;
color:#333;	
text-align:left;
line-height:120%;
font-size:95%;
margin-left:10%;
margin-bottom:2%;
font-weight:normal;
padding:0 3%;
box-sizing:border-box;
}

p.intro{
width:80%;
clear:both;
color:#333;	
text-align:justify;
line-height:120%;
font-size:95%;
font-style:italic;
margin-left:10%;
margin-bottom:2%;
font-weight:bold;
padding:3%;
box-sizing:border-box;
}

p.image{
width:100%;
margin-left:0;
text-align:center;
}

p.pdf-link, p.buy_link{
text-align:center;
}

p.buy_link{
padding-top:4%;
padding-bottom:6%;;
}

sup{
font-size:9px;
}

a.buy_button{
padding: 0.7em;
border-radius: .3em;
color: #fff;
background: #0e5dac;
font-size: 1em;
font-weight: bold;
text-decoration: none;
width: 30%;
}

a.buy_button:hover
{
opacity:0.75;
}

a.datasheet-link{
text-decoration:none;
color:#007bc1;
}

a.datasheet-link:hover{
color:#999;
}

a[href$=".pdf"]{
background-image:url('../images/pdf.png');
background-repeat:no-repeat;
background-position:right;
padding-right:20px;
}

ul#charging_lockers{
width:70%;
clear:both;
color:#333;	
text-align:justify;
line-height:120%;
font-size:95%;
margin-left:15%;
margin-bottom:2%;
font-weight:normal;
padding:0 3%;
box-sizing:border-box;
}


/******************************
iPhone 5, iPad Air and Nexus 7 
******************************/


@media (min-width:900px) 
{
	#column-1{
		width:32.7%;
		float:left;
	}
	
	#column-2, #column-3{
		width:32.6%;
		float:left;
		margin-left:1%;
	}
	
	#column-1, #column-2, #column-3{
		min-height:600px;
		border:solid 1px #aaa;
	}
	
	h1{
		color:black;
		width:100%;
		padding-top:5%;
		padding-bottom:0;
		margin-bottom:2%;
		font-size:165%;
	}
	
	h2{
		width:100%;
		padding:2% 0;
		margin-left:0;
		font-size:110%;
	}
	
	p{
		font-size:105%;
		width:95%;
		margin-left:2%;
	}	
	
	p.intro{
		width:100%;
		padding-top:0;
		padding-bottom:0;
		margin-top:0;
		margin-bottom:2%;
		margin-left:0%;
		font-size:120%;
	}
	
	p.text{
		min-height:220px;
	}
	
	p.buy_link{
		padding-top:0;
		padding-bottom:8%;
	}
	
	ul#charging_lockers{
		margin-top:0;
		padding: 0;
		min-height:134px;
		width:80%;
		margin-left:10%;
		font-size:105%;
		text-align:left;
	}	
}