@import url(fontawesome-all.min.css);
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");

#ongietorri-p{
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  margin: 0 0 1.5em 0;
  padding-right: 30em;
 }
 @media screen and (max-width: 480px) {
    #ongietorri-p {
      padding-right: 0em;
    }
 }

/* Signup Form */
#register-form {
  display: -moz-block;
  display: -webkit-block;
  display: -ms-block;
  display: block;
  position: relative; }
  #register-form input[type="text"],
  #register-form input[type="password"],
  #register-form input[type="email"] {
    width: 16em; }
  #register-form > * {
    margin: 0 0 1em 1em; }
/*  #register-form > :first-child {
    margin: 0 0 0 0; }*/
  @media screen and (max-width: 480px) {
    #register-form {
      -moz-flex-direction: column;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      #register-form input[type="type"],
      #register-form input[type="password"],
      #register-form input[type="email"] {
        width: 16em; }
      #register-form > * {
        margin: 1.25em 0 0 0; }
      #register-form .message {
        bottom: -1.5em;
        font-size: 0.9em;
        height: 1em;
        left: 0;
        line-height: inherit;
        margin-top: 0;
        position: absolute; } }

.gorria{
  color: darkred;
  background-color: grey;
}

.beltza{
  color: black;
  background-color: lightgrey;
}