aside {
    background: #1f8dd6; /* same color as selected state on site menu */
    padding: 0.3em 1em;
    border-radius: 3px;
    color: #fff;
    margin-bottom: 2em;
}

textarea {
    width: 100%;
}

.content-head {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 2em 0 1em;
}

.is-center {
    text-align: center;
}

.button-success {
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    background: rgb(28, 184, 65); /* this is a green */
}

.button-xlarge {
    font-size: 125%;
}

button {
    float: left;
}

#name, #email {
    width: 50%;
}
/* Mobile Styles */
@media only screen and (max-width: 400px) {
  table {

  width: 100%;
    background-color: #000000; /* Red */
  }
}

/* Tablet Styles */
@media only screen and (min-width: 401px) and (max-width: 960px) {
  table {

  width: 100%;
    background-color: #000000; /* Yellow */
  }
}

/* Desktop Styles */
@media only screen and (min-width: 961px) {
  table {

  width: 100%;
    background-color: #000000; /* Blue */
  }
}