body {
  background: #2A2C31;
}
i {
    font-size: 1em;
 }
 ul.the-icons {
 	list-style-type: none;
 	font-size: 1em;
 	margin-left:0;
 }
 .demp,
 ul.the-icons li {
 	line-height: 26px;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
 }
 .outfocused {
 	display: none;
 }
 h2.rel {
 	position: relative;
	top:0;
 	float: left;
 }

.icon {
	width: 64px;
	height:64px;
	background: transparent url(../img/icon.png) left top no-repeat;
	display:inline-block;
	position: relative;
	top:27px;

}

/* svg */

.svg { position: relative; z-index: 1; }
.svg span { display: inline-block; }
.svg object { position: relative; z-index: -1; }

@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
	background: url(/img/icon@2.png);
    background-size:64px 64px;
}


@media only screen and (min-width: 48em) {
	h2.rel {
 	top:10px;
 }