/* styling here */

@import "soon.css";
@import "home.css";


html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
	background-attachment: fixed;
	background-clip: border-box;
	/*background-image: url("../images/bg.jpg");*/
	background-origin: padding-box;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0;
	padding: 0;

}

nav a.navbar-brand img {
	max-width: 36px;
}

header nav.navbar-default{
	background-color: rgb(255, 255, 255);
}


/*MEDIA QUERIES*/

@media (min-width: 768px) {
	.spacer150 {height: 150px;}
	.spacer120 {height: 120px;}
	.spacer90 {height: 90px;}
	.spacer60 {height: 60px;}
	.spacer30 {height: 30px;}
	.spacer15 {height: 15px;}

	.block150 {display: inline-block; width: 150px;}
	.block120 {display: inline-block; width: 120px;}
	.block90 {display: inline-block; width: 90px;}
	.block60 {display: inline-block; width: 60px;}
	.block30 {display: inline-block; width: 30px;}
	.block15 {display: inline-block; width: 15px;}

	.taleft {text-align: left;}
	.tacenter {text-align: center;}
	.taright {text-align: right;}
	.tajustify {text-align: justify;}
}

@media (max-width: 767px) {
	.mb-spacer150 {height: 150px;}
	.mb-spacer120 {height: 120px;}
	.mb-spacer90 {height: 90px;}
	.mb-spacer60 {height: 60px;}
	.mb-spacer30 {height: 30px;}
	.mb-spacer15 {height: 15px;}

	.mb-block150 {display: inline-block; width: 150px;}
	.mb-block120 {display: inline-block; width: 120px;}
	.mb-block90 {display: inline-block; width: 90px;}
	.mb-block60 {display: inline-block; width: 60px;}
	.mb-block30 {display: inline-block; width: 30px;}
	.mb-block15 {display: inline-block; width: 15px;}

	.mb-taleft {text-align: left;}
	.mb-tacenter {text-align: center;}
	.mb-taright {text-align: right;}
	.mb-tajustify {text-align: justify;}
}