body {
		margin:0;
		padding: 0;
		background: #000;
		color:#fefefe;
				/*font-family: "Gill Sans", "Helvetica Condensed", Tahoma, Verdana, Geneva, Arial, sans-serif;*/
				font-family: Helvetica, Arial, sans-serif;
				font-size:1rem;
				font-weight: 100;
	}
	div {
		/*width:auto;*/
		/*margin: 10px auto 10px auto;*/
		/*background: rgb(200, 54, 54); /* The Fallback */
        background: rgba(200, 54, 54, 0.5);

	}

	table {
		margin:auto;
    	table-layout: fixed;
		border-width:2px;
		border-color: #e22;
		border-style: solid;
		border-spacing:0px 30px;
		background:#e22;
		padding-right:15px;
		padding-left:15px;
	}
	thead {
	}
	thead tr {
				border:0px;
		margin:0;
		text-align: center;
		padding:0;
	}

	th {
		/*color: #00f;*/
		border:0px;
		text-align: center;
		padding:0;
		padding-bottom: 10px;
		font-size: 32px;
	}
	th span {
		text-shadow:  #FF0 0 0 30px;
	
	}

	td {
		color:#411;
		border:3px solid #000;
		/*border-bottom:20px solid #000;*/*/
		padding: 2px 10px;
		background: #fefefe;
		width: 110px;
		height: 80px;
		text-align: center; 
		font-family:  'Permanent Marker', cursive;
		font-family: 'Varela Round', sans-serif;
		font-weight: 800;
	}

	.done {
		text-decoration: line-through;
		text-decoration-color: #f00;
		border-color: #e22;
		/*border-bottom:20px solid #000;*/
		color:#d36;
	}	
	.done2 {
		text-decoration: line-through;
		text-decoration-color: #f00;
		border-color: #000;
		/*border-bottom:20px solid #000;*/
		color:#d36;
	}
	.hoves {
		border-color:#fff;
	}
	#row2{

	}
	#row3 {
		/*display:none;*/
	}
	li {
		line-height:1.25em;
	}
		li span {
		/*text-underline-position: under; */
		text-decoration-style:  ;
		/*text-decoration: line-through wavy #ff0;*/
		text-transform: uppercase;
		color:#fff;
		font-weight: 400;
	}
/*	li span:first-child {
		text-decoration: line-through #f00;
	}*/
	button {
		background:#eff000;
		font-weight:800;
		padding:5px 15px;
		border-radius: 4px;
		/*margin-left:20px;*/
	}
	textarea {
		margin:1rem 1rem;
		resize: none;
	}
/*	#textDiv {
		display: block;
	}	
	#textDiv label {
		float:left;
		margin:1rem 1rem;
	}*/
	#line {
		display:none;
	}
	.inputs {
		display:block;
	} 
	.inputs > * {
		display: inline;
	}
	.section {
		width:100%;
		display: block;
		margin:auto;
		border-style: solid;
		border-top-width: 1px;
		border-color: #f0f0f0;
	}
	.section > div {
		margin:auto;
		background:#00f;
	}
	.buttons {
		margin:auto;
				border-style: solid;
		border-top-width: 1px;
		border-color: #0f0;
		/*display:block;*/
	}
	.instructions {
		margin:auto;
		width:80%;
		height:auto;
		padding:0 10% 0 10%;
	}
	h4 {
		font-weight: 400;
	}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    body {
	  	width:100%;
  }
  th {
  	font-size:20px;
  	padding-right: 2px;
  	padding-left: 2px;
  	margin-right: 0;
  	margin-left: 0;
  }
  div {
  	width:100%;
  	font-size:0.8em;
  	word-wrap: break-word;
  }
  table {
  	width:100%;
  			padding-right:5px;
		padding-left:5px;
		border-spacing:0px 15px;
  }
  td {
  	width:auto;
  	/*min-width:20%;*/
  	height:50px;
  	padding:2px;
  }
}

/*
	@media only screen and (min-width:200px) and (max-width: 480px) {
  /* put your css styles in here */