/* user btns */
.user-btn {
	position: relative;
	display: block;
	margin-top: 1.25em;
	width: 100%;
	min-width: 320px;
	height: 80px;  
	color: #FFF;
	-webkit-transition: all .4s ease-out; 
	transition: all .4s ease-out;
}
.user-btn:first-of-type { margin-top: 1em; }
	
	.rf { background: #007236; }
	.crp { background: #0072BB; }
	.gle { background: #013E7F; }
	.eu { background: #002157; }
	
.user-btn:hover, .user-btn:active { 
	color: #FFF; 
	filter: saturate(170%);
	text-decoration: none; 
}
.user-btn > h3 {
	position: absolute;
	left: .5em;  
	right: .5em;
	bottom: .75em;    
	margin: 0;
	font-size: 130%;  
	color: inherit;	
}
.user-btn > h3 > br { display: none; }

/* increase text size */
@media (min-width: 480px){ 	
	.user-btn > h3 { 
		left: .75em;
		right: .75em;
		bottom: .5em;
		font-size: 150%; 
	}
	.user-btn > h3 > br { display: block; }	
}