@font-face { font-family: 'Audi Type Bold'; src: url('/public/fonts/AudiType-Bold.woff') format('woff'); }
@font-face { font-family: 'Audi Type'; src: url('/public/fonts/AudiType-Normal.woff') format('woff'); }
html { 
  background: url(https://630dfce44c0a0d6fdd2c-d10fcf7307c87c4032f593f2152b8605.ssl.cf2.rackcdn.com/background-2018-03-30.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {margin:0px;font-family:'Audi Type';}
table {padding:25px;width:80%;margin:0px auto;max-width:750px;background:#fff;}
table th {border-bottom:2px solid black;text-align:left;}
table th:first-child,table td:first-child {width:40px;}
table th:nth-child(2),table td:nth-child(2) {width:75px;}
table tr {line-height:40px;}
table tr:first-child,table tr:nth-child(2) {line-height:22px;}
table td {height:25px;border-collapse: collapse;border-bottom:1px solid #a5a5a5;}
#extraspace-mobile {display:none;}
#extraspace {display:inline-block;}
.workaround {background:#fff!important;}
#inputbuttondiv {text-align:center;margin:0px auto;}
input[type="submit"] {width: 160px;font-size: 14.5px;font-weight: 800;height: 40px;padding: 5px 15px;background: #ccc;border: 2px solid #696969 !important;cursor: pointer;-webkit-border-radius: 5px;border-radius: 5px;}

/* Changing the styling for mobile devices */
@media(min-width:1px) and (max-width:625px){
	html {background:#fff!important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family:Verdana!important;
	}
	table {padding:25px;width:100%;margin:0px auto;background:#fff;}
	table th {border-bottom:2px solid black;text-align:left;}
	table th:first-child,table td:first-child {width:5%;}
	table th:nth-child(2),table td:nth-child(2) {width:5%;display:none;}
	table th:nth-child(3),table td:nth-child(3) {width:45%;}
	table th:nth-child(4),table td:nth-child(4) {width:45%;}
/*	table tr:nth-child(2),*/table tr:first-child {font-size:0.75em!important;}
	table td {height:35px;border-collapse: collapse;border-bottom:1px solid #a5a5a5;font-size:1.4em;}
	#instructions {font-size: 0.9em!important;}
	table td input {width:80%;}
	#extraspace {display:none;}
	#extraspace-mobile {display:block;}
	input[type='checkbox']:hover:after, input[type='checkbox']:checked:hover:after{background:#ff00ff;}
	input[type='checkbox']:checked:after {background:#fff;}
	input[type='checkbox'] {
			-webkit-appearance: none;
			-moz-appearance: none;
			width:30px;
			height:30px;
			border-radius:5px;
			border:2px solid #696969;
			border-radius: 5px;
	}
	input[type="checkbox"]:unchecked {
 		border-color:#000!important;
		background:#e5e5e5;
	}
	input[type='checkbox']:checked,input[type='checkbox']:active {
		background-color:#fff!important;
		background-image: url("http://stuonthe.net/public/images/checker.png")!important;
	}
	#inputbuttondiv {text-align:center;margin:0px auto;}
	input[type="submit"] {width: 300px;font-size: 14.5px;font-weight: 800;height: 40px;padding: 5px 15px;background: #ccc;border: 2px solid #696969 !important;cursor: pointer;-webkit-border-radius: 5px;border-radius: 5px;}
	form {padding-bottom:50px;}
	.workaround {background:#fff!important;}
	
	table tr {line-height:55px;}
	table tr:first-child,table tr:nth-child(2) {line-height:25px;}
}