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

#bubbles { position:absolute; top:0; left:0; width: 100%; bottom:0; z-index:-1; }

body, h1, h2, h3, p { font-family: 'Raleway', sans-serif; text-align: center; margin: 10px auto; color: #1a1a1a; max-width: 400px; }
body { padding: 10px; background-color: #fafafa; }
p { max-width: 400px; }
h1 { font-size: 42px; font-weight: bold; display: none; }
a { color: #000; }

.logo { display: block; width: 400px; height: auto; margin: 0 auto; }

footer { margin-top: 100px; font-size: 75%; }

p.photos { max-width: 400px; display: block; margin: 0 auto; }
p.photos img { height: 128px; width: 128px; margin: 0; object-fit: cover; }
p.photos>a.x3>img { max-width: 392px; height: auto; width: 100%; }

ul { display: block; max-width: 400px; margin: 0 auto; text-align: left; }

li { margin-bottom: 10px; }

li b { font-size: 150%; padding-right: 2px; }

li img { height: 24px; width: auto; display: inline-block; }

div.testimonials p { margin: 10px auto 20px auto; }

@media (max-width:460px) {
    p.photos img { width: 100%; height: auto; max-width: 392px; }
}​


section#contact {
  background-color: #efefef;
}

section#contact .section-heading {
  color: #fff;
}

section#contact .form-group {
  margin-bottom: 15px;
}

section#contact .form-group input,
section#contact .form-group textarea {
  padding: 10px;
  width: 280px;
}

section#contact .form-group input.form-control {
  height: auto;
}

section#contact .form-group textarea.form-control {
  height: 248px;
}

section#contact .form-control:focus {
  border-color: #fed136;
  box-shadow: none;
}

section#contact ::-webkit-input-placeholder {
  font-weight: 700;
  color: #ced4da;
  font-family: 'Montserrat', sans-serif;
}

section#contact :-moz-placeholder {
  font-weight: 700;
  color: #ced4da;
  font-family: 'Montserrat', sans-serif;
}

section#contact ::-moz-placeholder {
  font-weight: 700;
  color: #ced4da;
  font-family: 'Montserrat', sans-serif;
}

section#contact :-ms-input-placeholder {
  font-weight: 700;
  color: #ced4da;
  font-family: 'Montserrat', sans-serif;
}

p.help-block ul li { color: #e00; font-weight: bold; }
p.help-block ul { list-style-type: none; }


.btn {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

.btn-xl {
  font-size: 18px;
  padding: 20px 40px;
}

.btn-primary {
  background-color: #202428;
  border-color: #202428;
  color: white;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
  background-color: #fec810 !important;
  border-color: #fec810 !important;
  color: white;
}

.btn-primary:active, .btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;
}