@charset "UTF-8";

#step {
  display: grid;
  grid-gap: 3px;
  grid-template-columns:1fr 1fr 1fr 1fr;
  grid-template-rows:auto;
  width:80%;
  margin:0 auto 10px;
  padding:0 auto 10px;
}

#step .btn{
  background: #ddd;
  padding: 2px;
  margin:2px;
  border-radius: 5px;
  border: 2px solid #ccc;
  text-align:center;
}
#step .selected{
  background: #fff;
  font-weight:bold;
}
@media screen and (max-width: 768px) {
	#step .btn{
	  display:none;
	}
	#step .selected{
		width:200%;
	  display:inline;
	}
}
table {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border:1px solid #ddd;
	background:#336600;
}
th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	background:#eee;
}
td {
	padding:10px;
	text-align:left;
	border:1px solid #ddd;
	background:#fff;
}