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

@font-face {
  font-family: sterilict;
  src: url(sterilict.otf);
}

.sterilict {
	font-family: sterilict;
}



.slideInUp {

}


html {
	margin:0;
	padding:0;
	background-image:url(../img/template/clouds_html.jpg);
    height:100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background:none;
	}

body {
	margin:0;
	padding:0;
	bottom:0;
	background-image:url(../img/template/clouds_html.jpg);
    height:100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background:none;
	}
	
.section, .container, .row, .col-md-3 {
	background:none;
	}
	
div.section {
	color:#533858;
}

div.section-primary {
	opacity: .99;
	background:#ccc;
}

div.section-purple, footer.section-purple {
	background-color:#533858;
	color:#FFF;
}

div.navbar-static-top { 
	background: rgba(0,0,0,0.3); 
	border-bottom:none; 
	min-width:100%; 
	position:absolute;
	}

div.navbar a { 
	padding: 20px 20px; 
	font-size:2rem;
	}

div.navbar a.navbar-brand {
	margin:0 0 0 0;
	font-size:200%;
	}	

span.blue {
	color:#39F;
	}

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

div.navbar a.navbar-brand:active, 
div.navbar a.navbar-brand:hover,
div.navbar ul.navbar-nav a:active, 
div.navbar ul.navbar-nav a:hover { 
	color:#ccc; 
	}

span.hide- {
	visibility:visible;
	}

h1.text-inverse { 
	padding:10px; 
	text-shadow:5px 5px 5px #000;
	font-family:'sterilict';
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
	}

h1.text-inverse {
	font-size:500%;
	margin:20px 0;
}

/* #h1_container, #h1_row, #h1_col_12 {
	background:rgba(0,0,0,0.23); 
	width:100%; 
	margin:auto;   
	padding:50px;
	borde:1px #666 solid;
	}
*/
p.text-inverse { 
	text-shadow:5px 5px 5px #000;
	}

p#slogan {
	 font-size:300%;
 	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
	 }
	
.btn, .btn-lg, .btn-primary {
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #000;
	}
	
	
a:link.btn-primary {
	text-shadow:10px 10px 10px #000;
	padding:20px;
	font-size:150%;
	background:rgba(0,0,0,0.23);
	border: 1px solid #000;
	
	}

a:visited.btn-primary, a:active.btn-primary {
	text-shadow:10px 10px 10px #000;
	padding:20px;
	font-size:150%;
	background:rgba(0,0,0,0.23);
	}

a:hover.btn-primary {
	transition: all .3s ease-in-out;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
	background:rgba(0,0,0,0.50);
	}

p.larger {
	font-size:150%;
	}

p.medium {
	font-size:130%;
	}

p.center {
	text-align:center;
	}

div.section-primary img {
	border:1px solid #fff;
	padding:5px;
	}

div#footer {  
	}
 

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

div#footer a:hover, 
div#footer a:active { 
	color:#6699ff; 
	display:inline; 
	background:none;
	}   
	
footer {
	margin-bottom:0;
	bottom:0
	}