@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,600italicitalic,300,600);

body {
	margin:0;
	background:white;
	font-size:100%;
	line-height:160%;
	color:#5f626f;
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	font-weight:200;
}

a {
	color:#11a0d7;
	text-decoration:none;
	border-bottom:1px dotted #11a0d7;
}

b,strong,th,label {
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	font-weight:600;
}

h1,h2,h3,h4,h5,h6,p {
	padding:8px 0;
	margin:0;
}

h1 {
	font-size:3em;
	line-height:120%;
}

h2 {
	font-size:2.4em;
	line-height:120%;
	font-weight: bold;
}

h3 {
	font-size:1.8em;
	line-height:120%;
}

hr {
	border:0;
	border-bottom:1px solid #c9cbd1;
	height:0;
	margin:20px 0;
	clear:both;
}

label {
	display:block;
}

small {
	font-size:.85em;
	color:#777a8a;
}

label {
	color:#6b6e7d;
}

input[type=text] {
	box-sizing:border-box;
	width:100%;
	padding:10px 15px;
	font-size:140%;
	border:0;
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	font-weight:200;
}

button,input[type=submit],.btn,a.btn,.grey a.btn,.blue a.btn,.blue-dark a.btn,.gold a.btn {
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:10px 20px;
	font-size:1.5em;
	border:0;
	background:white;
	cursor:pointer;
	margin:0 10px 5px 0;
	color:#5f626f;
	text-decoration:none;
	border:0;
	opacity:.9;
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	font-weight:200;
}

button.wide,input[type=submit].wide,.btn.wide,a.btn.wide,.grey a.btn.wide,.blue a.btn.wide,.blue-dark a.btn.wide,.gold a.btn.wide {
	width:100%;
}

button.blue,button.gold,button.grey,button.blue-dark,input[type=submit].blue,input[type=submit].gold,input[type=submit].grey,input[type=submit].blue-dark,.btn.blue,.btn.gold,.btn.grey,.btn.blue-dark,a.btn.blue,a.btn.gold,a.btn.grey,a.btn.blue-dark,.grey a.btn.blue,.grey a.btn.gold,.grey a.btn.grey,.grey a.btn.blue-dark,.blue a.btn.blue,.blue a.btn.gold,.blue a.btn.grey,.blue a.btn.blue-dark,.blue-dark a.btn.blue,.blue-dark a.btn.gold,.blue-dark a.btn.grey,.blue-dark a.btn.blue-dark,.gold a.btn.blue,.gold a.btn.gold,.gold a.btn.grey,.gold a.btn.blue-dark {
	color:white;
}

button.blue,input[type=submit].blue,.btn.blue,a.btn.blue,.grey a.btn.blue,.blue a.btn.blue,.blue-dark a.btn.blue,.gold a.btn.blue {
	background:#2db9ee;
}

button.blue-dark,input[type=submit].blue-dark,.btn.blue-dark,a.btn.blue-dark,.grey a.btn.blue-dark,.blue a.btn.blue-dark,.blue-dark a.btn.blue-dark,.gold a.btn.blue-dark {
	background:#0e7da7;
}

button:hover,input[type=submit]:hover,.btn:hover,a.btn:hover,.grey a.btn:hover,.blue a.btn:hover,.blue-dark a.btn:hover,.gold a.btn:hover {
	opacity:1;
}

code {
	padding:5px;
	margin:0 5px;
	background:#c9cbd1;
}

.gist {
	font-size:.8em;
	line-height:1.3em;
}

dt {
	padding:10px 0 0 0;
	margin:0;
	font-weight:600;
	font-size:1.2em;
}

dt code {
	background:transparent;
}

dd {
	margin-bottom:20px;
}

.wrap {
	max-width:1220px;
	margin:0 0;
	padding: 0;
}

.header {
	background:#2db9ee;
	color:white;
	padding:40px 20px 20px 20px;
}

.header h1 {
	font-size:50px;
	line-height:40px;
	font-weight:300;
}

.header h3 {
	font-size:20px;
	line-height:26px;
}

.buttons {
	padding:20px 0 0;
}

.buttons a {
	border:0;
}

.block {
	padding:20px 0px 60px 20px;
}

.top-link {
	display:block;
	text-align:center;
}

.grey,.blue,.gold,.blue-dark {
	color:white;
}

.grey a,.blue a,.gold a,.blue-dark a {
	color:white;
	border-color:white;
}

.grey {
	background:#5f626f;
	color:white;
}

.grey-light {
	background:#e5e5e8;
	color:#474a54;
}

.grey-lighter {
	background:#f2f3f4;
	color:#474a54;
}

.blue {
	background:#2db9ee;
	color:white;
}

.blue-dark {
	background:#0e7da7;
	color:white;
}

.gold {
	background:#ee9430;
	color:white;
}

.results {
	background:white;
	padding:10px 0px 10px 20px;
	margin-top:-5px;
	overflow:auto;
}

.results table {
	min-width:100%;
}

.results table th {
	white-space:nowrap;
	padding:2px 10px;
}

.results table td {
	padding:2px;
	text-align:center;
}

.pad {
	padding:10px 20px;
}

.clear {
	clear:both;
}

.non-phone-only {
	display:none;
}

@media only screen and (min-width: 500px) {
	.phone-only {
		display:none;
	}

	.non-phone-only {
		display:block;
	}

	.header {
		padding:30px;
	}
	
	.header h1 {
		font-size:80px;
		line-height:70px;
	}
	
	.header h3 {
		font-size:20px;
		line-height:20px;
	}
	
	.top-link {
		float:right;
	}
	
	.block {
		padding:10px 10px 30px 10px;
	}
	
	button,input[type=submit],.btn,a.btn,.grey a.btn,.blue a.btn,.blue-dark a.btn,.gold a.btn {
		width:auto;
		display:inline-block;
	}
	
	.pad {
		padding:10px 30px;
	};
}

/* @media only screen and (min-width: 768px) { */
@media only screen and (min-width: 607px) {

	.header {
		padding:60px 40px 40px;
	}
	
	.block {
		/* padding:40px 40px 80px */
		padding:10px 0px 80px 10px;
	}
	
	.thirty,.fourty,.fifty,.sixty,.seventy,.hundred,.thirtyedit {
		float:left;
		/* padding:10px 3% 10px 0; */
		padding:10px 20px 10px 0;
	}
	
	.thirtyedit:nth-child(2) {
		padding-right: 0;
	}

	
	.thirty {
		width:27%;
	}
	
	.thirtyedit {
		width:280px;
	}
	
	.fourty {
		width:37%;
	}
	
	.fifty {
		width:47%;
	}
	
	.sixty {
		width:57%;
	}
	
	.seventy {
		width:67%;
	}
	
	.hundred {
		width:100%;
	}

	.pad {
		padding:10px 60px;
	};
}

@media only screen and (min-width: 1024px) {
	.header {
		padding-top:80px;
	};
}