body {background-color:#f2f2f2}


.center {margin-top:2%;}

.electronics {text-align:right}

.electronics h2 {
    background: none repeat scroll 0 0 #2D87EF;
    border-radius: 2px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 38px;
    letter-spacing: -1px;
    line-height: 45px;
    margin: 0 0 6px;
    padding: 0 7px;
    text-transform: uppercase;
    text-align: right;
    float: right;
}

.mobile h2 {
    background: none repeat scroll 0 0 #FF6600;
    border-radius: 2px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 38px;
    letter-spacing: -1px;
    line-height: 45px;
    margin: 0 0 6px;
    padding: 0 7px;
    text-transform: uppercase;
}

h3 {
    background: none repeat scroll 0 0 #404B50;
    border-radius: 2px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 26px;
    letter-spacing: 0;
    line-height: 26px;
    margin: 0 0 24px;
    padding: 4px 6px;
    text-transform: uppercase;
}
h2 a {
		color: #FFFFFF;
}
h2 a:hover, a:active, a:focus {
		color: #FFFFFF;
		text-decoration:none;
}

h2 a {
		color: #FFFFFF;
}
h2 a:hover, a:active, a:focus {
		color: #FFFFFF;
		text-decoration:none;
}

p {max-width: 83%; min-height: 100px}
.electronics p {float: right; margin-bottom:20px}
.mobile p {float: left; margin-bottom:18px}

.arduino {
	color:#00979C; 
	text-decoration:none;
}

.sparkfun {
	color:#F03528; text-decoration:none;
}

@media (max-width: 468px) { 
	.center {margin-top: 20px;}
		.electronics {text-align:left}
		.electronics h2 {
		background: none repeat scroll 0 0 #2D87EF;
		border-radius: 2px;
		color: #FFFFFF;
		display: inline-block;
		font-size: 28px;
		letter-spacing: -1px;
		line-height: 45px;
		margin: 0 0 6px;
		padding: 0 7px;
		text-transform: uppercase;
		width:100%;
		text-align:center;
		}
		.mobile h2 {
		background: none repeat scroll 0 0 #FF6600;
		border-radius: 2px;
		color: #FFFFFF;
		display: inline-block;
		font-size: 28px;
		letter-spacing: -1px;
		line-height: 45px;
		margin: 0 0 6px;
		padding: 0 7px;
		text-transform: uppercase;
		width:100%;
		text-align:center;
		}
		h3 {
		background: none repeat scroll 0 0 #404B50;
		border-radius: 2px;
		color: #FFFFFF;
		display: inline-block;
		font-size: 20px;
		letter-spacing: 0;
		line-height: 26px;
		margin: 0 0 24px;
		padding: 4px 6px;
		text-transform: none;
		width:100%;
		text-align:center;
		}
		p {
			max-width: 100%;
			text-align: justify;
		}
		.electronics p {float: left;}
}
@media (max-width: 767px) { 
		.center {margin-top: 20px;} 
		.electronics {text-align:left}
		.electronics h2 {
		background: none repeat scroll 0 0 #2D87EF;
		border-radius: 2px;
		color: #FFFFFF;
		display: inline-block;
		font-size: 26px;
		letter-spacing: -1px;
		line-height: 45px;
		margin: 0 0 6px;
		padding: 0 7px;
		text-transform: uppercase;
		width:100%;
		text-align:center;
		}
		.mobile h2 {
		background: none repeat scroll 0 0 #FF6600;
		border-radius: 2px;
		color: #FFFFFF;
		display: inline-block;
		font-size: 26px;
		letter-spacing: -1px;
		line-height: 45px;
		margin: 0 0 6px;
		padding: 0 7px;
		text-transform: uppercase;
		width:100%;
		text-align:center;
		}
		h3 {
		background: none repeat scroll 0 0 #404B50;
		border-radius: 2px;
		color: #FFFFFF;
		display: inline-block;
		font-size: 20px;
		letter-spacing: 0;
		line-height: 26px;
		margin: 0 0 24px;
		padding: 4px 6px;
		text-transform: none;
		width:100%;
		text-align:center;
		}
		p {
			max-width: 100%;
			text-align: justify;
		}
}

@media (min-width: 768px)  and (max-width: 1023px) { 
		.electronics h2 {
		background: none repeat scroll 0 0 #2D87EF;
		border-radius: 2px;
		color: #FFFFFF;
		display: inline-block;
		font-size: 28px;
		letter-spacing: -1px;
		line-height: 45px;
		margin: 0 0 6px;
		padding: 0 7px;
		text-transform: uppercase;
		}
		.mobile h2 {
		background: none repeat scroll 0 0 #FF6600;
		border-radius: 2px;
		color: #FFFFFF;
		display: inline-block;
		font-size: 28px;
		letter-spacing: -1px;
		line-height: 45px;
		margin: 0 0 6px;
		padding: 0 7px;
		}
		h3 {
		background: none repeat scroll 0 0 #404B50;
		border-radius: 2px;
		color: #FFFFFF;
		display: inline-block;
		font-size: 18px;
		letter-spacing: 0;
		line-height: 23px;
		margin: 0 0 24px;
		padding: 4px 6px;
		text-transform: uppercase;
	}
}

@media (min-width: 1024px)  and (max-width: 1199px) { 
		.electronics h2 {
		background: none repeat scroll 0 0 #2D87EF;
		border-radius: 2px;
		color: #FFFFFF;
		display: inline-block;
		font-size: 32px;
		letter-spacing: -1px;
		line-height: 45px;
		margin: 0 0 6px;
		padding: 0 7px;
		text-transform: uppercase;
		}
		.mobile h2 {
		background: none repeat scroll 0 0 #FF6600;
		border-radius: 2px;
		color: #FFFFFF;
		display: inline-block;
		font-size: 32px;
		letter-spacing: -1px;
		line-height: 45px;
		margin: 0 0 6px;
		padding: 0 7px;
		}
		h3 {
		background: none repeat scroll 0 0 #404B50;
		border-radius: 2px;
		color: #FFFFFF;
		display: inline-block;
		font-size: 22px;
		letter-spacing: 0;
		line-height: 23px;
		margin: 0 0 24px;
		padding: 4px 6px;
		text-transform: uppercase;
	}
}

h4.mobile a {
		color:#ff6600!important;
}