#Spprt{
	font-size:1.1em;
	border-top:1px solid transparent;
	padding:40px;
}

#Spprt a.note{
	font-family:sans-serif;
	position:relative;
	display:inline-block;
	top:-5px;
	font-size:.8em;
	color:inherit;
}

#Spprt a.note::after,
#Spprt a.note::before{
	content:"[";
	display:inline-block;
	position:relative;
	top:-2px;
}
#Spprt a.note::after{
	content:"]";
}



#Spprt h1{
	font-weight:400;
	font-size:2.5em;
	color:#9B2C57;
}

#Spprt h2{
	font-size:1.3em;
	margin-top:50px;
}

#Spprt h3{
	font-size:1em;
	margin:40px 0 8px 60px;
}

#Spprt p{
	font-size:1.1em;
	margin-left:60px;
	max-width:60%;
	color:#777;
	line-height:1.5;
}

#Spprt .notes{
	border-left:4px solid #DDD;
	padding:10px 0 10px 20px;
	font-size:1em;
	margin-left:60px;
	max-width:60%;
	color:#777;
	line-height:1.5;
}

#Spprt .notes small{
	font-family:sans-serif;
	font-size:.8em;
}

#Spprt code{
	display:inline-block;
	background-color:#F0F0F0;
	padding:0 8px;
	font-size:.9em;
}




#Spprt ul{
	font-size:1.1em;
	color:#777;
	line-height:1.4;
	margin-left:40px;
}

#Spprt .notes ul{
	margin-left:0px;
}

#Spprt ul em{
	font-style:italic;
	font-size:.8em;
	font-weight:bold;
}


#Spprt div.footer{
	text-align:right
}



/* MOBILE */
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), 
	   only screen and (-webkit-min-device-pixel-ratio: 1.2), 
	   only screen and (min-resolution: 1.3dppx) {

	#Spprt{
		font-size:1em;
	}

	#Spprt h1{
		font-size:1.3em;
		border-radius:20px;
		background-color:#9B2C57;
		color:#FFF;
		line-height:1;
		text-align:center;
		padding:10px 0;
	}

	#Spprt h3,
	#Spprt p{
		margin-left:0;
		max-width:unset;
		font-size:1em;
	}

	#Spprt ul{
		margin-left:0;
		padding-left:20px;
		max-width:unset;
		font-size:.9em;
	}

	#Spprt p.notes{
		font-size:0.8em;
		background:#F8F8F8;
	}

	#Spprt div.footer{
		font-size:.8em;
		margin-top:50px;
	}

	#Spprt div.footer span{
		background:#EEE;
		color:#999;
		display:inline-block;
		padding:2px 8px;
	}


}