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


@font-face {
    font-family: 'rancho';
    src: url('https://www.google.com/fonts#UsePlace:use/Collection:Rancho') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dosis';
    src: url('../fonts/dosis-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'dosis';
    src: url('../fonts/dosis-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


*{margin:0; padding:0}
.clear{clear:both}
.floatleft{float:left}
.floatright{float:right}
a{text-decoration:none}


/* Main */
body{
	background:url(../img/bg.jpg) no-repeat;
	background-size:cover;
}

body > div{
	width:960px;
	margin:0 auto;
	text-align:center
}

#slideImage{
	margin-top:20px;
}

body > div > h2{
	color:#fff;
	text-align:center;
	font-family:rancho;
	font-size:2.15em;
	font-weight:100;
	padding:0 5px;
}

#listSection{
	font-size: 1.25em;
	font-family: rancho;
	border-radius: 5px;
	margin: 20px auto;
	width: 24%;
}

#listSection > li{
	padding: 10px 0 10px 0;
	text-align: left;
	margin-left: 19%;
	color:#fff;
}

#listSection > li:last-child{
	border:none;
}

#joinBg{
	background:rgba(255,255,255,0.15);
	border:2px solid rgba(255,255,255,0.3);
	padding:25px 0;
	margin:25px 0;
	border-radius:5px;
}

#joinBg > p{
	font-family:oswald;
	font-size:1.85em;
	text-transform:uppercase;
	color:#130d08;
	text-shadow:1px 1px 0 rgba(255,255,255,0.3);
	padding:0 5px;
}

#joinBg > a{
	background:url(../img/repeatBtn.png) repeat-x;
	padding:10px 0;
	color:#3e2908;
	font-family:dosis;
	text-shadow:1px 1px 0 rgba(255,255,255,0.3);
	font-size:1.1em;
	font-weight:bold;
	display: block;
	width: 25%;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.7);
	margin: 15px auto 0;
}