#app.howtoconnect{
    background:url('../images/backgrounds/006.jpg') center center no-repeat;
    background-size:100% 100%;
}
#app.howtoconnect #container{
    width:100vmin;
    margin:2vmin auto;
    display:block;
}
#app.howtoconnect #container .title{
    background-color:#1E2024;
    border:1px solid rgba(255,255,255,0.3);
    border-left:6px solid rgba(251,255,0,1);
    border-top-right-radius:4px;
    border-top-left-radius:4px;
    font-size:3vmin;
    color:rgba(251,255,0,1);
    font-family:"morpheus";
    text-shadow:0px 0px 1px rgba(0,0,0,1), 0px 0px 1px rgba(0,0,0,1), 0px 0px 1px rgba(0,0,0,1);
    padding:2vmin 0vmin 2vmin 4vmin;
}
#app.howtoconnect #container .content{
    background-color:#1E2024;
    border:1px solid rgba(255,255,255,0.3);
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    padding:2vmin;
}
#app.howtoconnect #container .content p{
    text-shadow:0px 0px 1px rgba(0,0,0,1), 0px 0px 1px rgba(0,0,0,1), 0px 0px 1px rgba(0,0,0,1);
}
#app.howtoconnect #container .content ul li{
	background:url('../images/icons/bullet.png') center left 1vmin no-repeat;
	background-size:1.5vmin 1.5vmin;
	color:rgba(255,255,255,0.8);
	font-size:1.7vmin;
	padding-left:3vmin;
	line-height:5vmin;
	color:rgba(255,255,255,0.8);
    text-shadow:0px 0px 1px rgba(0,0,0,1), 0px 0px 1px rgba(0,0,0,1), 0px 0px 1px rgba(0,0,0,1);
}
#app.howtoconnect #container .content ul li span.fill{
	background-color:rgba(255,255,255,0.5);
	border:1px solid rgba(255,255,255,0.1);
	border-radius:2px 2px;
	color:rgba(0,0,0,0.8);
	font-size:1.5vmin;
    font-weight:bold;
    text-shadow:none;
	padding:0.5vmin 1vmin;
}