@font-face {
    font-family: 'QuarkBold';
    src: url('quark-bold.eot');
    src: url('quark-bold.eot') format('embedded-opentype'),
         url('quark-bold.woff') format('woff'),
         url('quark-bold.ttf') format('truetype'),
         url('quark-bold.svg#QuarkBold') format('svg');
}

h1, h2, h3, h4, h5, h6 {
	font-family: QuarkBold;
}

.webfont {
	font-family: QuarkBold;
}

header.masthead {
  position: relative;
  width: 100%;
  padding-top: 150px;
  padding-bottom: 100px;
  color: white;
  background: url("../img/bg-pattern.png"), #247622;
  background: url("../img/bg-pattern.png"), -webkit-linear-gradient(to left, #247622, #214261);
  background: url("../img/bg-pattern.png"), linear-gradient(to left, #247622, #214261);
}


#mainNav .navbar-brand {
	font-family: 'QuarkBold';
	font-size: 35px;
}

#mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus {
	font-family: 'QuarkBold';
}

.btn-xl {
  font-size: 25px;
  padding: 15px 45px;
}