p {
   font-weight: bold;
}
span.soc {
   padding-left: 150px;
}
span.simple {
   font-family: 'Comic Sans MS';
   font-size: 0.8em;
   font-weight: normal;
}
span.complex {
   font-family: Calligraffitti;
   font-size: 1.5em;
   font-weight: normal;
}

label {
   display: block;
   float: left;
   font-weight: bold;
   width: 75px;
}
.form-field {
   display: block;
   margin-bottom: 10px;
}
.form-field input, .form-field textarea {
   width: 300px;
}
button {
   margin-left: 315px;
}

@media screen and (max-width: 600px) {
   .form-field input, .form-field textarea {
      width: 260px;
   }

   button {
      margin-left: 275px;
   }
}

@media screen and (max-width: 400px) {
   p {
      font-size: 12pt !important;
   }
}
