/*
 * Fonts...
 */
/*
 * Bootstrap media queries based on :-
 *
 * https://gist.github.com/webinfinita/11407836#file-bootstrap-breakpoints-scss
 *
 * Usage:-
 *
 * .class  {
 *   @include on(sm) {
 *     width: 60%;
 *   }
 * }
 *
 */
/*
 * Name some of our favourite colors :)
 *
 * We use 'Name That Color' at:-
 *
 * http://chir.ag/projects/name-that-color
 *
 */
nav {
  margin: 0px;
  margin-bottom: 10px; }

@media (max-width: 767px) {
  a.nav-link {
    font-size: 1.8rem; } }
@media (min-width: 768px) {
  a.nav-link {
    font-size: 1.2rem; } }
@media (max-width: 767px) {
  html {
    font-size: 14px; } }
@media (min-width: 768px) {
  html {
    font-size: 16px; } }

@media (min-width: 768px) {
  .container {
    width: 750px; } }
body {
  font-family: "Lato", sans-serif; }

header {
  margin-top: 10px;
  text-align: center; }
  header .site-title {
    margin-bottom: 5px;
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey; }
    header .site-title .title {
      font-size: 2rem; }
    header .site-title .tagline {
      font-size: 1rem;
      color: grey; }
  header .site-branding .logo {
    margin-bottom: 10px;
    width: 100%; }

#content {
  overflow: auto;
  border: 1px solid lightgrey;
  padding-top: 5px;
  padding-bottom: 5px; }
  #content .img-thumbnail {
    width: 40vw;
    max-width: 200px;
    height: auto; }
  #content .img-left {
    float: left;
    margin-left: 0px;
    margin-right: 10px; }
  #content .img-right {
    float: right;
    margin-left: 10px;
    margin-right: 0px; }

footer {
  margin-top: 5px;
  background-color: lightgrey; }
  footer .legalese {
    margin-bottom: 5px;
    text-align: center;
    font-size: 0.8rem;
    color: #2D2D2D; }

.form-control {
  margin-bottom: 10px; }

/*# sourceMappingURL=contact.css.map */