/*div.grocery-list.col-xs-12 {
  float: none;
}*/

.grocery-list {
  margin: 50px 0 50px 10%;
  width: 400px;
  height: 600px;
  color: #555;
  font-size: 22px;
  padding: 0 !important;
  background: linear-gradient(
    to bottom,
    #FFFF99,
    #FFFF99 97%,
    #606dbc 3%,
    #606dbc
  );
  background-size: 100% 1.35em;
  font-family: 'Shadows Into Light', cursive;
  font-size: 25px;
  border: 1px solid #dedede;
  line-height: 1;
}
.grocery-list>ul>li {
  list-style: none;
  text-indent: 25px;
  height: auto;
  padding: 5px;
  text-transform: capitalize;
  display: block;
}
.lines {
  border-left: 1px solid #ffaa9f;
  border-right: 1px solid #ffaa9f;
  width: 3px;
  float: left;
  height: 600px;
  margin-left: 40px;
}
.instructions {
  margin-top: 50px;
  font-size: 1.125em;
  font-weight: 600;
}
form {
  margin: 25px 0 50px;
}
form input {
  display: block;
  margin: 0 5% 25px 5%;
}
label {
  margin-left: 5%;
}
@media (max-width:767px) {
.grocery-list {
  width: 100%;
  margin-top: 0;
  margin-left: 0;
}
form input {
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 15px;
}
.instructions {
  font-size: .85em;
}
}