/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*
Custom Fonts:

font-family: 'Bungee', cursive;
font-family: 'Rock Salt', cursive;
font-family: 'Roboto', sans-serif;*/

h2 {
	font-family: 'Rock Salt', cursive;
}

h2.spotlight {
	font-size: 39px;
}


.headliner {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index: 9;
}

.headliner h1{
	font-family: 'Bungee', cursive;
	font-size: 22vw;
	line-height:99vh;
	text-align: center;
   -webkit-text-stroke: 1px #5A5050;
   color: #3EACA8;
   text-shadow:
       3px 3px 0 #5A5050,
     -1px -1px 0 #5A5050,  
      1px -1px 0 #5A5050,
      -1px 1px 0 #5A5050,
       1px 1px 0 #5A5050;
}

.headliner h1 span {
 font-size: 2vw;
 color: #fff;
}

.headliner .caption {
	font-family: 'Rock Salt', cursive;
	font-size: 32px;
	   -webkit-text-stroke: 1px #5A5050;
   color: white;
   text-shadow:
       1px 1px 0 #5A5050,
     -1px -1px 0 #5A5050,  
      1px -1px 0 #5A5050,
      -1px 1px 0 #5A5050,
       1px 1px 0 #5A5050;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 10;
}

.big-one,
.big-two,
.med-three {
	border: 5px solid #fff;
	text-align:center;
}

.big-one {
	height:580px;
	background: url(../img/turquoise3.jpg) 100% 100%;
}

.big-one h2 {
	line-height: 580px;
}

.big-two {
	height:580px;
}

.big-two h2 {
	margin-top: 120px;
	line-height: 80px;
}


.med-three {
	height:480px;
}

.med-three h2 {
	line-height: 480px;
}