@media (min-device-width: 1025px) {
#mobile-tablet { display: none; }
#desktop { display:block; }
@media screen and (max-width: 751px) {
	#headings { min-height:260px; }
}
@media screen and (min-width: 752px) {
	#headings { max-height:160px; }
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:white;
}
#oelogo {
	margin-top:25px;
	float:left;
	display:inline-block;
	margin-left:25px;
}
#resources {
	margin-top:28px;
	float:right;
	display:inline-block;
	margin-right:25px;
}
#headings {
	/** background-color:#9E1F63; */
	
	/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, circle farthest-corner, #9E1F63 0%, #410A40 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, circle farthest-corner, #9E1F63 0%, #410A40 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, circle farthest-corner, #9E1F63 0%, #410A40 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 505, color-stop(0, #9E1F63), color-stop(2, #410A40));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, circle farthest-corner, #9E1F63 0%, #410A40 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle farthest-corner at center, #9E1F63 0%, #410A40 100%);

height:260px;
}
#content {	
	text-align:center;
	margin-top:10px;
}
#content a { display:inline-block; }
.bigbox {
	border:3px solid;
	border-color:#9E1F63; 
	height:200px;
	width:200px;
	z-index:10;
    margin: 5px;
	float:left;
}

.littlebox {
	height:50px;
	width:50px;
	margin-top:-50px;
	margin-left:150px;
	background-color:#9E1F63;
	position:absolute;
	z-index:20000;
}

div.littlebox img {
	position:absolute;
	bottom:0;
	right:0;
	z-index:20001;
}
.heading {
	font-weight:bold;
	color:#9E1F63;
	margin-top:50px;
}
.description {
	text-decoration:none;
	color:#000;
	width:190px;
	margin-left: auto;
    margin-right: auto;
}
a, img {
    border:none;
    }
}