@font-face {
				font-family: '3x5px';
				src: url('https://dl.dropboxusercontent.com/u/3550293/webfont/3x5px.eot?') format('eot'), 
					 url('https://dl.dropboxusercontent.com/u/3550293/webfont/3x5px.woff') format('woff'), 
					 url('https://dl.dropboxusercontent.com/u/3550293/webfont/3x5px.ttf')  format('truetype'),
					 url('https://dl.dropboxusercontent.com/u/3550293/webfont/3x5px.svg#3x5px') format('svg');
				font-weight: normal;
				font-style: normal;
				font-size : 8px;
			}
			body {
				background-color : #111111;
				color : #EEEEEE;
				height : 100%;
				font-family : Tahoma, Helvetica, Arial, sans-serif;
				font-size : 16px;
				margin : 0;
				margin-top : 10px;
				padding : 0;
				width : 100%;
			}
			body * {
				box-sizing : border-box;
				-moz-box-sizing:border-box;
			}
			
			input , 
			textarea ,
			button {
				font-family : 'Courier New', monospace;
				font-size : 16px;
				text-shadow : 1px 1px 1px black;
			}
			.small {
				font-family: '3x5px', Arial, sans-serif;
				font-size : 8px;
				line-height : 10px;
			}
			
			input ,
			label ,
			textarea ,
			button {
				background-color : #111111;
				border : 0px;
				color : #EEEEEE;
			}
			
			input ,
			textarea ,
			button {
				box-shadow : 0px 0px 10px black;
			}
			
			.pointer {
				cursor : pointer;
			}
			
			#phonePad {
				height : 100%;
				margin : 0 auto;
				padding : 0;
				width : 400px;
			}
			
			.phonePad.img {
				background-color : #333333;
				background-image : none;
				background-position : center center;
				background-repeat : no-repeat;
				display : inline-block;
				height : 10px;
				margin : 0 auto;
				position : absolute;
				top : 10;
				overflow : hidden;
				width : 400px;
				z-index : 1;
				border-radius : 7px;
			}
			.phonePad.img:hover {
				/*background-color : #111111;*/
				box-shadow : 0px 0px 20px black;
				height : 500px;
			}
			
			#phonePad label:first-of-type {
				padding-top : 10px;
			}
			
			label.inline {
				display : inline-block;
				text-align : right;
				margin-top : 20px;
				padding : 0 5px;
				width : 70px;
			}
			
			label.block {
				margin-top : 20px;
				padding-bottom : 5px;
				display : block;
				width : 100%;
			}
			
			input {
				background-color : #222222;
				border : 1px solid #444444;
				border-radius : 5px;
				display : inline-block;
				width : 330px;
				padding : 0 5px;
			}

			textarea {
				background-color : #222222;
				border : 1px solid #444444;
				border-radius : 5px;
				width : 100%;
				height : 100%;
				min-height : 200px;
				padding : 5px;
			}
			input:hover ,,
			textarea:hover {
				background-color : #111111;
				border : 1px solid : #555555;
			}
			
			button {
				background-color : #333333;
				border : 1px solid #555555;
				border-radius : 10px;
				display : block;
				margin-top : 20px;
				padding : 0 5px;
				width : 100%;
			}
			button:hover {
				background-color : #444444;
				border : 1px solid #666666;
			}
			#phonePad box {
				width : 50%;
			}
			box.one {
				float : left;
			}
			box.two {
				float : right;
			}
			
			/* WIDTH */
			@media screen and (max-width : 1020px) {
				label.inline { width : 70px; }
				input { width : 360px; }
				div.container { width : 900px; }
				div.box { width : 440px; }
			}
			@media screen and (max-width : 930px) {
				input { width : 320px; }
				div.container { width : 800px; }
				div.box { width : 390px; }
			}
			@media screen and (max-width : 830px) {
				/*input { width : 630px; }*/
				div.container { width : 700px; }
				div.box { width : 340px; }
			}
			@media screen and (max-width : 730px) {
				/*input { width : 530px; }*/
				div.container { width : 600px; }
				div.box { width : 290px; }
			}
			@media screen and (max-width : 630px) {
				/*input { width : 430px; }*/
				div.container { width : 500px; }
				div.box { width : 240px; }
			}
			@media screen and (max-width : 530px) ,
			@media handheld {
				input { width : 100%; }
				div.container { width : 400px; }
				div.box.one , div.box.two { float : left; width : 100%; }
				div.box.one label { padding-top : 0px; margin-top : 0px; }
				div.box.two label { padding-top : 6px; margin-top : 0px; }
				div.box.one textarea { min-height : 280px; }
				div.box.two textarea { min-height : 333px; }
				div.box.one button { margin-top : 10px; }
				/*
				div.box.one button:first-of-type { float : left; width : 48%; }
				div.box.one button:last-of-type { float : right; width : 48%; }
				*/
			}
			@media screen and (max-width : 430px) {
				div.container { width : 290px; }
			}
			@media screen and (max-width : 310px) ,
			@media handheld {
				div.container { width : 260px; }
			}
			@media screen and (max-width : 280px) {
				div.container { width : 230px; }
			}
			@media screen and (max-width : 250px) {
				div.container { width : 200px; }
			}
			
			/* HEIGHT */
			@media screen and (max-height : 650px) {
				textarea { min-height : 400px; }
				div.box.two textarea { min-height : 483px; }
			}
			@media screen and (max-height : 550px) {
				textarea { min-height : 300px; }
				div.box.two textarea { min-height : 383px; }
			}
			@media screen and (max-height : 450px) {
				textarea { min-height : 230px !important; }
				div.box.two textarea { min-height : 283px !important; }
				div.box.one label , div.box.two label { margin-top : 0px; }
				div.box.one button { margin-top : 5px; }
			}
			@media screen and (max-height : 350px) {
				label.block { padding-top : 0px; margin-top : 0px; }
			}
			@media screen and (max-height : 320px) {
				textarea { min-height : 180px !important; }
				div.box.two textarea { min-height : 233px !important; }
			}
			@media screen and (max-height : 270px) {
				textarea { min-height : 130px !important; }
				div.box.two textarea { min-height : 183px !important; }
			}
			@media screen and (max-height : 220px) {
				textarea { min-height : 80px !important; }
				div.box.two textarea { min-height : 133px !important; }
			}