table {
	border-collapse: collapse;
}
td,
th {
	border: 2px solid black;
  padding: 0.5em;
}
#col1 {
	background-color: cyan;
}
#col3 {
	background-color: magenta;
}
#nav {
	width: 100%;
  background-color: lavender;
}
#navitems {
	display: flex;
}
#navitems a {
	flex-grow: 1;
  flex-basis: 0;
  padding: 10px;
  text-decoration: none;
  text-align: center;
}
#navitems a:hover {
	background-color: rebeccapurple;
  color: white;
}
#nav label,
#hamburger {
	display: none;
}
/*
  #nav {
    background-color: lavender;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #nav a {
    text-decoration: none;
    padding: 1em;
    margin: 0 2em;
  }
  #nav a:hover {
    background-color: rebeccapurple;
    color: white;
  }
*/
@media screen and (max-width: 576px){
  #navitems a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-top: 1px solid #333;
  }
  #nav label { 
    display: inline-block; 
    color: white;
    background: rebeccapurple;
    font-style: normal;
    font-size: 1.2em;
    padding: 10px;
    cursor: pointer;
  }
  #navitems { display: none; }
  #nav input:checked ~ #navitems { display: block; }
}

#contact label {
	width: 100%;
}
#contact input,
#contact textarea {
	width: 100%;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
#contact input {
	height: 2em;
}
#spice {
	text-align: center;
}
#spice label {
	margin-right: 2em;
}
fieldset {
	background-color: #9DC1F6;
  border-color: #0363F0;
  padding: 1.5em;
  margin-top: 1em;
}
fieldset input,
fieldset textarea {
	border-color: #0363F0;
}
legend {
	background-color: #0363F0;
  color: white;
  padding: 0.5em 1em;
  text-align: center;
}
.btn {
	padding: 0.5em 1em;
  border-color: transparent;
  margin-right: 1em;
  cursor: pointer;
}
#submit {
	background-color: #0363F0;
  color: white;
}
/*
	Styling that moves an element off screen while still being visible to a screen reader
*/
#phonenote {
	position: absolute;
  left: -10000px;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
/* 
	[] used as attribute selectors 
	in this example - selecting inputs with the type of "radio"
*/
input[type="radio"] {
	height: 1em;
  width: 100%;
}