/*
Site: Caulfield Bears Landing
Date: April 2015
Created by: Simone - simone@clickcreative.com.au
*/

/* This file includes some basic bootstrap rules to avoid including all bootstrap for a basic landing page
 * Following bootstrap logic is always a good idea for forseeing projects
 */

/* Some CSS Methods/Instructions to follow 
================================================== */
/*Base		= Base html element styling */
/*Layout	= One off elements not modules*/
/*Modules	= things that can be re-used throughout the site*/
/*Media		= media queries */
/*m- 		= these are modifier classes*/
/*js-		= there should be NO CSS entries for js-*/
/*other		= pleaseUseCamelCase-andHyphensToShowHierarchy*/


/*Font Face*/

@font-face {
	font-family: 'HelveticaNeueLTStd-BdCn';
	src: url('../fonts/HelveticaNeueLTStd-BdCn.eot');
}

@font-face {
	font-family: 'HelveticaNeueLTStd-BdCn';
	src: url('../fonts/HelveticaNeueLTStd-BdCn.woff') format('woff'),
	url('../fonts/HelveticaNeueLTStd-BdCn.svg#HelveticaNeueLTStd-BdCn') format('svg');
}


/*Base 
================================================== */

body{
	font-family: 'HelveticaNeueLTStd-BdCn', sans-serif;
	font-size: 16px;
	background-color: #13264b;
	background-image:url(../img/landing.jpg);
	background-position:center center;
	background-size:cover;
	background-repeat:none;
}

img {
  vertical-align: middle;
  border:none;
}

/*Layout 
================================================== */
.header {
	position:fixed;
	top:0px;
	right:0px;
	left:0px;
	height:400px;
	background-image:url(../img/landing-header-bg.png);
	background-position:center bottom;
	background-size:cover;
	background-repeat:no-repeat;
	pointer-events: none;
	z-index:1;
}

.logo {
	position:relative;
	max-width:650px;
	height:200px;
	margin:40px auto 10px auto;
	z-index:1;
	pointer-events: none;
}

.footer {
	position:fixed;
	bottom:0px;
	right:0px;
	left:0px;
	height:326px;
	background-image:url(../img/landing-footer-bg.png);
	background-position:center bottom;
	background-size:cover;
	background-repeat:no-repeat;
	pointer-events: none;
	z-index:1;
}

.contents {
	ption:relative;
	margin:360px auto 10px auto;
	max-width:800px;
	min-height:300px;
	text-align:center;
	color:#fff;
	font-size:35px;
	z-index:99;
}

.btn {
	width:300px;
	margin:20px auto 20px auto;
	z-index:999;
	cursor:pointer;
}

/*Media Query 
================================================== */
@media (max-height: 760px) {
	.contents {
		margin:300px auto 10px auto;
	}
}

@media (max-height: 680px) {
	.contents {
		margin:240px auto 10px auto;
	}
}

@media (max-width: 320px) {
	.contents {
		font-size:20px;
	}
	.btn {
	width:200px;
	}

}