@media only screen and (min-width: 50px) and (max-width: 1600px) {
	
	#header-image_1 {
		display: none; 
	}
	
	#header-text,#header-sub-text {	
		text-align: left;
		left: 20px;
	}
	
	#header-sub-text {	
		left: 26px;
	}

	#menu-box {
		position: absolute;
		width: 600px;
		text-align: left;
		height: 30px;
		z-index: 9999; 	
	}
	
	#header-top-menu {
		display: none; 	
	}
	
	#form-center-box {
		width: 70%;	
	}
	
	textarea {
		margin-left: -30px;
	}

}

@media only screen and (min-width: 50px) and (max-width: 1200px) {
	
	h1 { 
		font-size: 2.2em;
	}
	
	textarea {
		margin-left: -30px;
	}
	
	#wrapper {
		min-width: 100px;
		max-width: 80%;
	}
	
	#header-top-menu,#header-top-bar {
		display: block; 	
	}
	
	#header-text {	
		font-size: 2.7em; 
	}
	
	#header-text,#header-sub-text {	
		left: 0;
		text-align: center;
	}
	
	#header-image_2,#menu-box {
		display: none; 
	}	

	.assess_table {
		width: 100%;
		border: solid 0px #dddddd; 
	}
	
	#answers-box {
		padding: 10px;
	}
	
	#answers-box h1 {
		font-size: 1.6em;  
		padding-left: 30px;
		text-indent: -21px;	
		line-height: 1.2em;
	}
	
	#answers-box h2 {
		font-size: 1.4em;
		padding-left: 28px;
		text-indent: -9px;	
		color: #333333;
	}
	
	#answers-box h3 {
		font-size: 1.4em;
		text-align: left;
		padding-left: 28px;	
		text-indent: 0px;	
	}
	
	#answers-box h4 {
		font-size: 1.4em;
		text-align: left;
		padding-left: 28px;	
	}
	
	.container {
	  margin-left: 0px;
	}
	
	#error-message {	
		top: 175px;
		right: 5px;
		font-weight: 700;
	}

}


@media only screen and (min-width: 100px) and (max-width: 600px) {
	
	#wrapper {
		margin-top: -20px;
		min-width: 100px;
		max-width: 92%;
		border: 0px solid #000;
	}
	
	textarea {
		margin-left: -30px;
	}
	
	.btn {
		min-width: 100%;
	}
	
	#header {
		height: 110px;
	}
	
	#header-image_2 {
		display: none; 
	}
	
	#header-text {	
		top: 40px;
		font-size: 2.5em; 
		line-height: 100%;
	}
				
	#header-sub-text {
		top: 6px;
		font-size: 1.1em; 
		margin-left: 60px;
		color: #ffffff;
		width: 400px;
		height: 28px;
		letter-spacing: -.015em;
		text-align: left;
	}
	
	#header-top-menu {
		display: block; 	
	}
	
	#menu-box,#tally-box,#tally-scale,#circles,#sliver,#numberbox_1,footer {
		display: none; 	
	}

	#login-box {
		width: 100%;	
	}
	
	h1 { 
		text-align: center;
		font-size: 2em;
	}
	
	h2 { 
		font-size: 2em;
	}
	
	#control-box {
		width: 80%; 	
	}
	
	#results-side-box.h1 {
		font-size: 2em;
		border: 3px solid #958733;
	}
	
	#answers-box {
		padding: 10px;
	}
	
	#answers-box h1 {
		font-size: 1.6em;  
		padding-left: 30px;
		text-indent: -21px;	
		line-height: 1.2em;
	}
	
	#answers-box h2 {
		font-size: 1.4em;
		padding-left: 28px;
		text-indent: -5px;	
		color: #333333;
	}
	
	#answers-box h3 {
		font-size: 1.4em;
		text-align: left;
		padding-left: 28px;	
		text-indent: 0px;	
	}
	
	#answers-box h4 {
		font-size: 1.4em;
		text-align: left;
		padding-left: 28px;	
	}
	
	#progress {
		top: 20%; 	
	}
	
	#error-message {	
		top: 112px;
		right: 0;
		width: 100%;
		font-weight: 700;
	}

}