@charset "UTF-8";
/* CSS Document */

html, body {
  width: 100%;
  font-family: 'Trebuchet MS', Helvetica, Arial;
}

body {
  width: 100%;
  height: 100%;
	background: url('../images/wt_bg.png') no-repeat left center fixed;
  	background-size: auto;
}


.jumbotron {
	background-color:transparent;
}

.headbullets {
	color: rgba(255,255,255,0.8);
	font-weight: 600;
	font-size: 1.7em;
	text-align: left;
}

section {
  position: relative;
  width: 100%;
  height: 100%;
}

/*
.bg-wrap {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bg {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  transform: translateZ(0);
  will-change: transform;
}*/

.overlay {
  padding: 0 15px;
  z-index: 10;
	background:transparent;
}

.btn-primary {
	border-radius: 500px;
	background-color: #306877;
	border-color: #306877;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  color: #ffffff !important;
  background-color: #897C6B !important;
  border-color: #897C6B !important;
}

.card {
	background-color: rgba(255,255,255,0.5);
	border-radius: 2em;
}

.bottom-footer {
	color: #FFF;
	margin-top: 1rem;
}

h1 {
  text-align: left;
  text-transform:uppercase;
  margin-bottom: .8em;
  color: #FFF;
  font-size: 2em;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}
h1 a {
  position: relative;
  color: inherit;
  font-weight: 600;
  text-decoration: none;
}
h1 a:hover:before {
  width: 100%;
  transition: width 0.4s;
}
h1 a:before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #FFF;
  transition: width 0.2s;
}