@font-face {
	font-family: 'roboto';
	src: url('/fonts/roboto-bold-webfont.woff2') format('woff2'),
		 url('/fonts/roboto-bold-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;

}


@font-face {
	font-family: 'roboto';
	src: url('/fonts/roboto-bolditalic-webfont.woff2') format('woff2'),
		 url('/fonts/roboto-bolditalic-webfont.woff') format('woff');
	font-weight: bold;
	font-style: italic;

}


@font-face {
	font-family: 'roboto';
	src: url('/fonts/roboto-italic-webfont.woff2') format('woff2'),
		 url('/fonts/roboto-italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: italic;

}


@font-face {
	font-family: 'roboto';
	src: url('/fonts/roboto-medium-webfont.woff2') format('woff2'),
		 url('/fonts/roboto-medium-webfont.woff') format('woff');
	font-weight: 500;
	font-style: normal;

}


@font-face {
	font-family: 'roboto';
	src: url('/fonts/roboto-mediumitalic-webfont.woff2') format('woff2'),
		 url('/fonts/roboto-mediumitalic-webfont.woff') format('woff');
	font-weight: 500;
	font-style: italic;

}


@font-face {
	font-family: 'roboto';
	src: url('/fonts/roboto-regular-webfont.woff2') format('woff2'),
		 url('/fonts/roboto-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}


*{
	font-family:roboto, arial;
}

body,html{
	background-color:#f3f3f3;
	margin:0;
	padding:0;
}

sub{
	font-size:.5em;
}

.panel{
	background-color:white;
	max-width:45em;
	margin:auto;
}

.panel .c{
	padding-left:10%;
	padding-right:10%;
	padding-top:2em;
	padding-bottom:4em;
}


.major{
	margin-bottom:1.5em;
}

h1{
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:.1em solid;
	padding-bottom:.1em;
	margin-top:0;
}


/*

.logo{
	border:1px dashed red;
	float:left;
	width:10em;	
}

h1{
	border:1px blue dashed;
}

*/


.logo{
	width:8em;
}


ul.index li{
	font-size:1.3em;
	margin-bottom:.8em;
}

ul.index li a{
	text-decoration:none;
}

div.pair{
	clear:both;
	margin-bottom:.6em;
}


.pair label,
.pair input{
	display:block;
	padding:.3em;
	width:96%;
	max-width:30em;
}

.pair input#zip{
	max-width:8em;
}

.pair label{
	font-weight:bold;
}

input[type="checkbox"] {
    transform:scale(1.3, 1.3);
}
	
	
.check .box{
	float:left;
	width:1em;
	margin:.2em 0 0 0;
}

.check .text{
	margin-left:1.6em;
}

.check{
	clear:both;
	margin-bottom:.5em;
	max-width:35em;
}

a.button{
	font-size:1.3em;
	padding:.4em 0 .6em 0;
	text-decoration:none;
	display:block;
	width:8em;
	text-align:center;
	border-radius:.2em;
}

a.button:hover,
a.button:focus{
	background-color:black;
}


@media screen and (max-width:300px){
	
	body{
		font-size:.7em;
	
	}
	
	input[type="checkbox"] {
    transform:scale(1.1, 1.1);
	}
	
	
}


@media screen and (min-width:300px){
	
	body{
		font-size:.8em;
	
	}
	
	input[type="checkbox"] {
    transform:scale(1.2, 1.2);
	}
	
	
}


@media screen and (min-width:680px){
	
	body{
		font-size:.9em;
	
	}
	
	input[type="checkbox"] {
		transform:scale(1.3, 1.3);
	}
	
	
}



@media screen and (min-width:900px){
	
	body{
		font-size:1em;
	
	}
	
}



@media screen and (min-width:1200px){
	
	body{
		font-size:1.1em;
	
	}
	

	
}