@import url(https://fonts.googleapis.com/css?family=Merriweather);

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

h2, h3 {
  color: #a8a8a8;
  text-shadow: 1px 1px 0 white;
  font-family: 'Merriweather', sans-serif;
}

h3 {
  font-size: 1.2em;
}

.intro {
  margin-top: 2em;
  font-family: 'Merriweather', sans-serif;
}

.info {
  font-family: 'Merriweather', sans-serif;
  padding-bottom: 1.5em;
}

form {
  margin: 2em auto;
}

form input, form textarea {
  border: 0;
  outline: 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: block;
  width: 100%;
  margin-top: 1em;
  font-family: 'Merriweather', sans-serif;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  resize: none;
}

form input:focus, form textarea:focus {
  -moz-box-shadow: 0 0px 2px #e74c3c !important;
  -webkit-box-shadow: 0 0px 2px #e74c3c !important;
  box-shadow: 0 0px 2px #e74c3c !important;
}

form .btn {
  color: white;
  cursor: pointer;
}

form .btn:hover {
  -moz-box-shadow: 0 1px 1px 1px rgba(170, 170, 170, 0.6);
  -webkit-box-shadow: 0 1px 1px 1px rgba(170, 170, 170, 0.6);
  box-shadow: 0 1px 1px 1px rgba(170, 170, 170, 0.6);
}

form textarea {
  height: 126px;
}

.contact-form {
  padding-right: 2em;
}

#map {
  width: 100%;
  height: 300px; 
}