html {
  height: 100%;
}

body {
  height: 100%;
  background-color: #333;
  color: #fff;
  font-family: 'Heebo', sans-serif;
  font-weight: 300;
}

body > .wrapper {
  min-height: 200vh;
  background-image: url('bg.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-container {
  min-height: 100vh;
}

.main {
  flex-shrink: 0;
}

.about {
  background: #e9e9e9;
  color: #323232;
  border: 1px solid #898989;
  border-radius: 3px;
  box-shadow: 3px 3px 6px rgba(0,0,0,0.8);
  font-size: 18px;
  padding: 18px;
}

.about h2 {
  font-size: 48px;
  font-weight: 100;
}

img {
	max-width: 100%;
	height: auto;
}

.btn {
  color: #e9e9e9;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  box-shadow: 3px 3px 6px rgba(0,0,0,0.8);
  font-size: 22px;
  font-weight: 100;
}

/* photo */

.photo {
  background: #e9e9e9;
  color: #323232;
  border: 1px solid #898989;
  border-radius: 3px;
  box-shadow: 3px 3px 6px rgba(0,0,0,0.8);
  box-sizing: border-box;
  vertical-align: middle;
}

/* Contact */

hr {
	border-top: 1px solid #e9e9e9;
	width: 25%;
}

#contact-container .col-md-3 input {
  height: 50px;
  color: #e9e9e9;
  background-color: #fff;
  background-color: rgba(64,64,64,0.8);
  border-radius: 0;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  box-shadow: 3px 3px 6px rgba(0,0,0,0.8);
  font-size: 20px;
  font-weight: 300;
}

#contact-container .col-md-3.has-error .form-control {
  border-color: #a94442;
}

#contact-container button {
  height: 50px;
  color: #e9e9e9;
  background-color: transparent;
  border-radius: 0;
  color: #e9e9e9;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  box-shadow: 3px 3px 6px rgba(0,0,0,0.8);
  font-size: 25px;
  font-weight: 500;
}

#contact-container .checkbox label {
	color: #e9e9e9;
	font-size: 80%;
}

#contact-container .checkbox input {
}

.contact a, .contact a:hover, .contact a:active, .contact a:visited {
  color: #e9e9e9;
  text-decoration: underline;
}

/* video */

.video-container {
  min-height: 100vh;
}


.video-wrapper {
  background: #e9e9e9;
  color: #323232;
  border: 1px solid #898989;
  border-radius: 3px;
  box-shadow: 3px 3px 6px rgba(0,0,0,0.8);
  box-sizing: border-box;
  vertical-align: middle;
}

/* breakpoint indicators */

#xl-indicator {
	display:none;
}

@media (min-width: 1200px) {
	#xl-indicator {
		display: block;
	}
}

/* other */