@charset "UTF-8";
@import "reset.css";




#wrapper { width: 100%;  }

/*
	----------------------------
	PAGE/SECTION SPECIFIC
	____________________________
*/





/*
	----------------------------
	UTILITY CLASSES
	____________________________
*/



#hetlogo
{
 top: 5%;	
left: 5%;	
  position: fixed;
}

.black-15 { background: url(../media/black-15-trans.png); color: #fff; padding: 4px 12px; margin: 24px 0; }
.black-35 { background: url(../media/black-35-trans.png); color: #fff; padding: 4px 12px; margin: 24px 0; }
.black-50 { background: url(../media/black-50-trans.png); color: #fff; padding: 4px 12px; margin: 24px 0; }
.black-65 { background: url(../media/black-65-trans.png); color: #fff; padding: 4px 12px; margin: 24px 0; }
.black-85 { background: url(../media/black-85-trans.png); color: #fff; padding: 4px 12px; margin: 24px 0; }


.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

#instructions
{
 position: absolute;
 width: 100%;
bottom: 0;
height: 30px;
 background-color: #f95951;
 margin-top: -30px;
 padding-top: 15px;
  padding-bottom: 5px;
 z-index: 1000000000;
 font-family: 'ProximaNovaA-Regular';
	}
	
	#instructions a
{
	
	text-decoration: none;
	color: #ffffff;
	
}


/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px) {

#deplayer
{
  position: absolute;
 left: 20%;
  margin-top: 58%;

}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
#deplayer
{
 position: absolute;
left: 33%;
  margin-top: 18%;

}
	
}