@font-face {
    font-family: Dhiv;
    src: url(http://sms.habaru.net/ato/css/faseyha.woff);
}
html {
  font: 300 100%/1.5 Ubuntu, sans-serif;
  color: #333;
  overflow-x: hidden;
}
mark{
color: #2E9AFE;
background-color: white;
border-radius: 5px 5px 5px 5px;
}
h2 {
  margin: 0;
  color: #060;
  font-size: 2.5em;
  font-weight: 300;
}
#dhivehi {
  font-family: Dhiv;
}
#facebook {
  display:table; 
  margin: auto;
}
#captcha {
  display:table; 
  margin: 0 auto;
  position:relative;
}
#prohib {
  max-width: 1000px;
  max-width: 75.5rem;
  margin: 0 auto;
  display:inline-block;
}
#contact-form {
  max-width: 1208px;
  max-width: 75.5rem;
  margin: 0 auto;
}
#contact, label, input[name="submit"] {
  position: relative;
}
label > span, input, textarea, button {
  box-sizing: border-box;
}
label {
  display: block;
}
label > span {
  display: none;
}
input, textarea, button {
  width: 100%;
  padding: 0.5em;
  border: none;
  font: 300 100%/1.2 Ubuntu, sans-serif;
}
input[type="text"], input[type="email"], input[type="password"], textarea {
  margin: 0 0 1em;
  border: 1px solid #ccc;
  outline: none;
}
input.invalid, textarea.invalid {
  border-color: red;
}
textarea {
  height: 6em;
}
input[type="submit"], button {
  background:#060;
  color: #FFF;
  font-weight: bold;
  border-radius: 10px;
  border: solid #060 1px;
}
input[type="submit"]:hover, button:hover {
  background: #2B78BF;
}
@media screen and (min-width: 30em) {
  #contact-form h2 {
    margin-left: 26.3736%;
    font-size: 2em;
    line-height: 1.5;
  }
  label > span {
    vertical-align: top;
    display: inline-block;
    width: 26.3736%;
    padding: 0.5em;
    border: 1px solid transparent;
    text-align: right;
  }
  input, textarea, button {
    width: 73.6263%;
    line-height: 1.5;
  }
  textarea {
    height: 10em;
  }
  input[type="submit"], button {
    margin-left: 26.3736%;
  }
}
@media screen and (min-width: 48em) {
  #contact-form {
    text-align: justify;
    line-height: 0;
  }
  #contact-form:after {
    content: '';
    display: inline-block;
    width: 100%;
  }
  #contact-form h2 {
    margin-left: 17.2661%;
  }
  #contact-form form, #contact-form aside {
    vertical-align: top;
    display: inline-block;
    width: 65.4676%;
    text-align: left;
    line-height: 1.5;
  }
  #contact-form aside {
    width: 30.9353%;
  }
}