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

@font-face {
    font-family: myFirstFont;
    src: url(sansation_light.woff);
	}

body {
	background:url(../img/template/killer_coke_intro.jpeg) fixed;
	background-size:cover;
	}

#sidebar {
	padding-top:20px;
	}

#sidebar h1 {
	font-size:140%;
	font-weight:normal;
	margin-top:0;
	padding-top:10px;
	padding-left:10px;
	text-align:left;
	}
	
h2 {
	color:#900;
	text-align:left;
	font-size:160%;
	}

div.home h2 {
	padding-left:15px;
	}

div.home a h2 {
	text-decoration:none;
	}

div.home a:link h2,
div.home a:visited h2 {
	color:#fff;
	text-decoration:none;
	display:block;
	background:#333 url(../img/template/h1_bg.jpg) no-repeat;
	}
	
div.home a:hover h2,
div.home a:active h2 {
	color:#F00;
	text-decoration:none;
	}
	
div.home a:link,
div.home a:visited,	
div.home a:hover,
div.home a:active {
	text-decoration:none;
	}

div#sidebar h1 {
	padding-left:15px;
	}

div#sidebar a h1 {
	text-decoration:none;
	}

div#sidebar a:link h1,
div#sidebar a:visited h1 {
	color:#900;
	text-decoration:none;
	}
	
div#sidebar a:hover h1,
div#sidebar a:active h2 {
	color:#F00;
	text-decoration:none;
	}
	
div#sidebar a:link,
div#sidebar a:visited,	
div#sidebar a:hover,
div#sidebar a:active {
	text-decoration:none;
	}

.section, .container, .row, .col-md-3, footer {
	background:none;
	}

.section-white {
	background: rgba(255,255,255,0.97);
	}
	
.section-black {
	background: rgba(0,0,0,0.80);
	}

.navbar-header button {
	margin-top:25px;
	}
	
.navbar-default {
	background: rgba(0,0,0,0.50);
	border-bottom:none; 
	width:100%;
	top:0;
	position:absolute;
	}

div.navbar-default a { 
	font-size:2rem;
	display:block;
	height:100%;
	margin:0;
	padding: 33px 20px;
	background:none;
	color:#fff;
	text-shadow:2px 2px 2px #000;
	}

div.navbar-default a.navbar-brand {
	padding:32px 20px;
	float:left;
	font-size:200%;
	text-shadow:2px 2px 2px #000;
	display:block;
	}	

div.navbar-default a.navbar-brand:link, 
div.navbar-default a.navbar-brand:visited,
div.navbar-default ul.navbar-nav a:link, 
div.navbar-default ul.navbar-nav a:visited { 
	color:#fff;
	text-shadow:2px 2px 2px #000;
	}

div.navbar-default a.navbar-brand:active, 
div.navbar-default a.navbar-brand:hover,
div.navbar-default ul.navbar-nav a:active, 
div.navbar-default ul.navbar-nav a:hover { 
	color:#ccc;
	background:rgba(255,0,0,0.23);
	}

div.navbar-default span.loki {
	font-family: 'Loki Cola';
	color:#F00;
	font-size:4rem;
	text-shadow:;
	}
	
span.hide- {
	visibility:visible;
	}

/* Cover */

h1.text-inverse {
	padding:0; 
	text-shadow:5px 5px 5px #000;
	line-height: ;
	margin:40px 0;
	font-size:100%;
	font-weigh:bold;
	}

#h1_container, #h1_row, #h1_col_12 {
	background:rgba(0,0,0,0.23); 
	width:100%;
	margin:auto;   
	padding:30px;
	borde:100px #666 solid;
	}
	
div.cover #h1_container, 
div.cover #h1_row, 
div.cover #h1_col_12 {
	padding:70px;
	}

span#campaign {	
	font-size:250%;
	}


	
span#loki_h1 { 
	font-size:1000%; 
	font-family: 'Loki Cola';
	color:#F00;
	text-shadow:2px 2px 2px fff;
	}
	
span#slogan {
	font-size:150%;
	font-style:italic;
	backgroun:rgba(0,0,0,0.23);
	text-shadow:2px 2px 2px #000;
	font-weight:normal;
	}

	 
h1 a.btn-primary {
	text-shadow:10px 10px 10px #000;
	padding:10px;
	font-size:200%;
	background:rgba(0,51,102,0.23);
	border:1px solid #F00;
	color:#FFF;
	}

a.btn-primary:hover {
	background:#F00;
	}

div.jumbotron h1.text-inverse {
	margin:0;
	}
	
div.jumbotron {
	 background:none;
	 margin-top:50px; 
	}
	
div.section p {
	font-size:115%;
	}

p.center,
h4.center {
	text-align:center;
	}

.content img.img-responsive {
	margin-bottom:10px;
	}

.content .embed-responsive-16by9 {
	margin-bottom:10px;
	}

footer {
	background:none;
	background:rgba(0,0,0,0.70) !important;
	border:5px solid #000;
	color:#fff;
	}

footer h1 {
	color:#FFF;
	}
	
footer h1 {
	font-size:220%;
	color:;
	text-shadow:2px 2px 2px #000;
}

footer h1 .loki {
	font-family: 'Loki Cola';
	color:#F00;
	font-size:150%;
}

footer #address {
	font-size:120%;
}

footer a { 
	color:#FFF; 
	display:inline; 
	background:none; 
	margin:100px auto;  
	}    

footer a:hover, 
footer a:active { 
	color:#6699ff; 
	display:inline; 
	background:none;
	}