.ui.form {
  width: 80%;
  padding: 20px;
  margin: 40px auto;
  font-family: "Knockout",Helvetica,Arial,sans-serif;
}
.column {
  padding:5px !important;
}
#EmmaSubmit {background-color: #22a8c9; color: #fff; font-size: 16px; }
#id_email { font-size: 16px; opacity: 0.6; }
.ui.form h2, .ui.form p {color: #fff; font-family: "Knockout",Helvetica,Arial,sans-serif; text-shadow: -3px 0px 3px rgba(0, 0, 0, 1); }
.ui.form h2 { font-size: 40px; letter-spacing: 1px; margin: 0 0 -10px; padding: 0; }
.ui.form p { font-size: 22px; padding-bottom: 4px; }
.ui.modal { 
  background: #000 url("wideTaco.jpg") no-repeat 90% bottom;
  min-height: 260px;
}
.dimmer {
  opacity: 0.2;
}
.b-close {
  cursor: pointer;
  font-family: verdana;
  font-size: 1em;
  font-style: normal;
  color: #fff;
  position: absolute;
  right: 20px;
  top: 15px;
  z-index: 999;
}
#formHeader { margin: 0 0 -10px 0; padding: 0; }
.ui.icon.button > .icon, .ui.icon.buttons .button > .icon { color: #fff !important; }

  /* placeholder */
    ::-webkit-input-placeholder {
       text-align: left;
       color: #808080!important;
       font-size: 1em !important;
    }

    :-moz-placeholder { /* Firefox 18- */
       text-align: left;
       color: #808080!important;
       font-size: 1em !important;
    }

    ::-moz-placeholder {  /* Firefox 19+ */
       text-align: left; 
       color: #808080!important;
       font-size: 1em !important;
    }

    :-ms-input-placeholder {  
       text-align: left; 
       color: #808080!important;
       font-size: 1em !important;
    }

@media only screen and (max-width:768px) {

  .ui.modal { background: #000 url("tallTaco.jpg") no-repeat 90% center; }
  .ui.form h2 { font-size: 34px; letter-spacing: 1px; margin: 0; padding: 0; text-shadow: -3px 0px 3px rgba(0, 0, 0, 1); }

}