body {
	background: url(../img/background.png) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	font-family: helvetica;
  	margin: 0px;
	padding: 0px;
}

a {
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
}
a:hover {
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
}
.clear {
	clear: both;
}

/* ---- Color Palette ---- */

/* Font Colors */
    /* Black */
    .text-b { color: rgba(0, 0, 0, 0.87); }
    .secondary-b { color: rgba(0, 0, 0, 0.54); }
    .hint-b { color: rgba(0, 0, 0, 0.26); }
    .divider-b { color: rgba(0, 0, 0, 0.12); }

    /* White */
    .text-w { color: rgba(255, 255, 255, 1); }
    .secondary-w { color: rgba(255, 255, 255, 0.70); }
    .hint-w { color: rgba(255, 255, 255, 0.30); }
    .divider-w { color: rgba(255, 255, 255, 0.12); }

    .text-r { color: #f00;}

/***********************************************************************************************/
/* Landing Page */
/***********************************************************************************************/
body.landing-page {
	margin: 0px;
	padding: 0px;
	background: url(../img/welcome_bg.png) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;	
}
.landing-box {
	border-radius:25px;
	background-color: #000;
	margin: 75px auto auto auto;
	max-width: 500px;
	padding: 50px 20px 20px 20px;
}
.landing-logo {
	width: 90%;
}


/***********************************************************************************************/
/* Navigation */
/***********************************************************************************************/
/* ---- Navigation(mobile) ---- */
.navbar {
	background-color: #000;
	border: none;
	margin-bottom: 0;
}
.navbar-default .navbar-nav>li>a {
	color:#f00;
}
.navbar-default .navbar-nav>li>a:hover {
	color:#fff;
}
.navbar-default .navbar-collapse {
	border: none;
}
.nav li {
	font-size: 20px;
	text-align: right;
}


/***********************************************************************************************/
/* Header */
/***********************************************************************************************/
.header {
	width: 100%;
	background-color: #000;
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #F00;
}
.header-container {
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
}
.header-logo {
	height: 75px;
}
.header-container p {
	color: #FFF;
	font-size: 9px;
	float: left;
	margin-top: 30px;
}


/***********************************************************************************************/
/* Main Content */
/***********************************************************************************************/

/* ---- Main Content(About) ---- */
.about {
	color: #FFF;
	padding: 25px;
	background-color: rgba(0, 0, 0, 0.5);
}
img.store {
	margin: 20px auto;
}


/***********************************************************************************************/
/* Footer */
/***********************************************************************************************/
.footer {
	margin: 20px auto;
	width: 95%;
	text-align: right;
}


/***********************************************************************************************/
/* Media Query Min Screen Size 768 px */
/***********************************************************************************************/
@media (min-width: 768px) {
	.header-logo {
		height: 130px;
	}
	.header-container p {
		float: right;
		font-size: 18px;
	}
}

@font-face {
  font-family: "myfont";
  src: url(http://www.princexml.com/fonts/larabie/ »
  kimberle.ttf) format("truetype");
}


