@charset "UTF-8";
/* Write your CSS! */
/* Sass Document */
/*
// Your headings may inherit the base typeface, or you may set a different font stack
$baseheadingfont 				: inherit;

// Your headings may inherit the $textcolor, or you may set a different colour
$baseheadingfontcolor 			: inherit;

// Often you’ll use an alternative typeface (eg: for buttons, form inputs and tables)
$altfontfamily 					: "Helvetica Neue", Helvetica, Arial, sans-serif;
$altlineheight 					: 1.35em;

// You can choose a special typeface just for ampersands too
$ampfontfamily 					: local('Georgia'), local('Garamond'), local('Palatino'), local('Book Antiqua');

//  And if your site’s for geeks, you’ll need a font for code too
$codefont 						: Monaco, Courier New, monospace;
*/
/*
$midneutralcolor 				: darken($neutralcolor,25%);
$darkneutralcolor 				: darken($neutralcolor,50%);
$lightneutralcolor 				: lighten($neutralcolor,25%);
$lighterneutralcolor 			: lighten($neutralcolor,50%);
$lightestneutralcolor 			: lighten($neutralcolor,70%);
*/
/*
$linkcolorvisited   			: darken($linkcolorhover, 10);
$linkcolorfocus 				: darken($linkcolorvisited, 10);

// Now define another set of colours. These will be used to style alerts and buttons
$alertcolor 					: rgb(218,79,73);
$errorcolor 					: rgb(176,20,0);
$infocolor 						: rgb(216,220,162);
$inversecolor 					: rgb(65,65,65);
$successcolor 					: rgb(188,212,222);
$warningcolor 					: $errorcolor;
*/
html {
  height: 100%;
  border-top: 11px solid #231f20; }

body {
  background-color: #fff; }

a {
  color: #a05f13;
  text-decoration: underline; }

a:hover {
  text-decoration: underline;
  color: #000; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* Styles for mobile */ }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Styles for tablet */ }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  /* Don't forget your Retina CSS! */ }
li.header {
  font-weight: bold;
  list-style: none;
  font-family: "brandon-grotesque", Arial, "Lucida Grande", sans-serif;
  font-weight: 700;
  padding-top: 1rem; }

.googlemap {
  overflow: hidden;
  padding-bottom: 26.25%;
  position: relative;
  height: 0; }

.googlemap iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  -webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: gray;
  filter: grayscale(100%); }

h1, h2, h3, h4, h5, h6 {
  font-family: "brandon-grotesque", Arial, "Lucida Grande", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center; }

.headerfont {
  font-family: "brandon-grotesque", Arial, "Lucida Grande", sans-serif;
  font-weight: 700; }

h3 {
  font-size: 2rem;
  padding-top: 5rem; }

#footerbits {
  background-color: #231f20;
  color: white; }

#footerbits p {
  text-align: center;
  font-size: 1.6rem; }

#footerbits a {
  color: white; }

#servicessols h2, #team h2 {
  font-size: 2rem;
  width: 100%;
  border-bottom: 1px solid #231f20;
  line-height: 0.1em;
  margin: 10px 0 20px;
  padding-top: 2rem; }

#servicessols h2 span, #team h2 span {
  background: #fff;
  padding: 0 10px; }

.teamphotos p {
  text-align: center; }

.teamphotos p a {
  color: #231f20; }

p {
  font-family: "chaparral-pro", Georgia, serif; }

li {
  font-family: "chaparral-pro", Georgia, serif;
  font-size: 1.8rem; }

.uppercase {
  text-transform: uppercase; }

.intro h1 {
  text-align: center;
  font-size: 4rem;
  padding-top: 8rem;
  padding-bottom: 2rem; }

.intro a {
  color: #231f20; }

.intro h2 {
  text-align: center;
  font-family: "chaparral-pro", Georgia, serif; }

.intro p {
  text-align: center;
  font-size: 2rem; }

#topmenu {
  font-style: italic;
  margin: 0;
  padding: 0;
  list-style: none; }
  #topmenu nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 1.125em; }
  #topmenu li {
    float: left;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 1rem;
    font-size: 2rem; }
  #topmenu a {
    color: #231f20;
    padding: 1.5rem; }
  #topmenu a:hover {
    color: #a05f13;
    text-decoration: none; }
  #topmenu li:first-child {
    padding-left: 2rem; }