/***************** html elements ***************************************/

div, section, h1, h2, h3, figure { 
	margin-top: 0;
	margin-bottom: 0;
}

/***************** Branding bar adjustments. ***************************************/

.generic-brand > div {
	border: none;
	color: #FFF;
	text-align: center;
}

.generic-brand {
  	background-image: linear-gradient(#3BC, #3BC);
}

.brand-top {
    height: 4rem; 
}

.brand-middle {
    height: 5rem;  
}
.brand-bottom {
    height: 1.5rem; 
}

/***************** Registration interface CMS menu ***************************************/

.CMS-menu > li {
	text-align: center;
}

.left-menu ul {
	width: 9rem;
}

.CMS-menu ul, .CMS-menu ul a, #services li a#selected, .left-menu ul, .left-menu li, .CMS-menu > li:hover {
	color: #22D;
	background: #CEF; 
	text-align: center;
}

 .dim { 
	background-color: #CCC;
	border-color: #444;
 }

 /************* Pin Payments stuff *************/

.pin-form-field {
    height: 2em;
    width: 50%;
    border: 1px solid black;
    padding: 0 0.5em;
    border-radius: 5px;
    background: #FFF;
}
 
 .collapse-button {
	background: #FEF;  	
	color: #518; 
}

/***************** Responsive design ***************************************/

@media screen and (max-width: 767px)  {
	
	#services, #services li , #services li a { line-height: 1em; }
	
	#services li a#selected { 
		text-align: right;
		background: #9CF;
	}
	
}

@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) {

	.brand { height: 8rem; }

	#services li a#selected { 
		text-align: right;
		background: #9CF;
	}

}