@font-face {
    font-family: "Gotham Bold";
    src: url("/fonts/Gotham-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Gotham Book";
    src: url("/fonts/Gotham-Book.ttf") format("truetype");
}

/* For the video background; see
 * https://envato.com/blog/video-background-html5-video/ */
  
.content {
  position: relative;
  z-index: 2;
}

.video {
  position: fixed;
  top: 50%; left: 50%;
  z-index: 1;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}

body {
  font-size: 24px;
  font-family: "Gotham Book";
  color: #323b43;
  line-height: 1.25;
  text-align: center;
  letter-spacing: normal;
  background-color: #FFF;
  background-image: url("/img/clouds-static-image-doubled.jpg");
}

#header-row, #footer-row {
  height: 100px;
}

#footer-row {
  height: 80px;
}

#main-text {
  background: url("/img/50-white.png") repeat;
}

.headline {
  font-size: 60px;
  font-family: "Gotham Bold";
  color: #323b43;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.1em;
  padding-top: 80px;
}

#contact-container {
  background-color: #FFF;
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 2px solid #9eaab4;
}

.contact-us {
  font-size: 20px;
  font-family: "Gotham Book";
  color: #00b3d9;
  text-transform: uppercase;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0.1em;
}

.forty-below {
  padding-bottom: 40px;
}

.twofour-below {
  padding-bottom: 24px;
}


/* media queries */

@media (max-width: 600px) {
	body {
		font-size: 16px;
	}

	.headline {
		font-size: 32px;
	}

  .video {
    display: none;
  }
}

@media (min-width: 601px) and (max-width: 800px) {
	body {
		font-size: 20px;
	}

	.headline {
		font-size: 36px;
	}

  .video {
    display: none;
  }}