/* END OF STANDARD CSS */

.agency-name{
	margin-top: 0;
}

.header-logo div.secondlogo {
	width: 166px;
	height: 77px;
	margin: .5em .5em;
	margin-top: 1em;
	display: inline-block;
	vertical-align: text-top;
}

.header-logo div.protectedlogo {
	width: 100px;
	height: 100px;
	margin: .5em .5em;
	display: inline-block;
	vertical-align: text-top;
}

.header-logo div a.protectedlogo {
	width: 100px;
	height: 100px;
	display: block;
	border-radius: 50%;
	overflow: hidden;
	background: transparent url("/base/dragon_li/agency/sos/img/voter_reg/state-seal-protected.png") repeat scroll -10px center;
	behavior: url('/base/dragon_li/agency/sos/PIE.htc');
}

/* BEGINING OF MEDIA CSS */

	/* DESKTOP */
	@media (min-width: 992px) {
		body,html { 
			background: #E2E2E2 url('../img/voter_reg/background-desktop.jpg') fixed center center;
		}
	}

	/* TABLET */
	@media (min-width: 768px) and (max-width: 991px) {
		.header-container {
			background: url('../img/voter_reg/background-tablet.jpg') fixed top center;
		}
	}

	/* ALL PHONE VIEWS */
	@media (max-width: 767px) {
	}

	/* BIG PHONE */
	@media (min-width: 481px) and (max-width: 767px) {
  	.header-container {
    	background: url('../img/voter_reg/background-phone-big.jpg') fixed top center;
	  }
	}

	/* SMALL PHONE */
	@media (max-width: 480px) {
  	.header-container {
	    background: url('../img/voter_reg/background-phone-small.jpg') fixed top center;
  	}
		.agency-name img {
			width: 75%;
		}
	}