/* @import must be at top of file, otherwise CSS will not work */
@import url("https://hello.myfonts.net/count/3251e3");
@font-face {
  font-family: 'ITCGaramondStd-Bk';
  src: url("webfonts/3251E3_0_0.eot");
  src: url("webfonts/3251E3_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3251E3_0_0.woff2") format("woff2"), url("webfonts/3251E3_0_0.woff") format("woff"), url("webfonts/3251E3_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'SofiaPro-Bold';
  src: url("webfonts/3251E3_1_0.eot");
  src: url("webfonts/3251E3_1_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3251E3_1_0.woff2") format("woff2"), url("webfonts/3251E3_1_0.woff") format("woff"), url("webfonts/3251E3_1_0.ttf") format("truetype"); }

body {
  padding-top: 0;
  padding-bottom: 0; }

.intro {
  min-height: 700px;
  padding-top: 4em;
  position: relative; }
  .intro img.center {
    max-width: 200px; }
  .intro .square {
    width: 130px;
    top: 40%;
    position: absolute;
    z-index: 9; }

input[type="text"], input[type="email"], textarea, #message {
  color: #000; }

.intro-text {
  background: #7b0c16;
  padding: 2.5em 3em;
  color: white;
  position: absolute;
  bottom: -35px;
  font-family: "ITCGaramondStd-Bk"; }
  .intro-text h2 {
    line-height: 1.5em;
    font-size: 1.5em;
    margin-top: 0; }

.project-image {
  margin-bottom: 2em; }

.center {
  margin: 0 auto; }

.project-title {
  text-transform: uppercase;
  font-family: "SofiaPro-Bold";
  letter-spacing: .3em;
  font-size: .8em;
  margin-bottom: .8em;
  display: block; }

.pic {
  margin-top: 8em;
  padding-bottom: 3em;
  font-size: 120%; }
  .pic h2 {
    color: #7b0c16;
    font-family: "ITCGaramondStd-Bk";
    margin: 0em 0 1em;
    font-size: 2.7em; }
  .pic p {
    line-height: 1.5em;
    font-family: "ITCGaramondStd-Bk"; }

.gray {
  background: #E6E7E8;
  padding-top: 5em;
  padding-bottom: 5em; }

.white {
  background: white;
  padding-top: 5em;
  padding-bottom: 5em; }

.rotate {
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  position: absolute;
  bottom: 0; }

.contact {
  font-family: "SofiaPro-Bold"; }
  .contact h2, .contact label {
    text-transform: uppercase;
    color: #7b0c16;
    font-size: 1em;
    letter-spacing: .3em;
    font-weight: 100; }
  .contact h2 {
    margin-bottom: 2em; }
  .contact input, .contact textarea {
    border-radius: 0;
    border: 2px solid black;
    background: white; }
  .contact textarea {
    min-height: 150px; }
  .contact .btn-default {
    border-radius: 0;
    background: #7b0c16;
    text-shadow: none;
    color: white;
    border: 2px solid #7b0c16;
    padding: .5em 4em; }

.contact-info {
  padding-top: 3.2em; }
  .contact-info h3 {
    text-transform: uppercase;
    color: #7b0c16;
    font-size: 1em;
    letter-spacing: .3em;
    font-weight: 100;
    font-family: "SofiaPro-Bold"; }
  .contact-info p {
    font-family: "ITCGaramondStd-Bk";
    font-weight: bold; }
  .contact-info a {
    color: #333; }

.secret, .last {
  display: none; }

.centered {
  text-align: center; }
  .centered img {
    margin: 0 auto;
    max-height: 50px; }

a {
  color: white; }
  a:hover {
    color: #7b0c16; }

footer {
  background: #292929;
  padding: 5em 0 3em; }
  footer p {
    margin-top: 3em;
    color: #E6E7E8;
    font-family: "ITCGaramondStd-Bk"; }

#map {
  min-height: 300px; }

a.red {
  font-family: "ITCGaramondStd-Bk";
  color: #7b0c16; }

@media (min-width: 780px) {
  .year {
    position: relative;
    bottom: 0;
    margin-top: 30em; } }