@import "partials/variables";

//Global
body{
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	color: #fff;
	overflow: hidden;
	&.settings,
	&.create {
		overflow: auto;
	}
}

.relative {
	position: relative;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300; 
}

.container,
[class^=col-] {
	transition: width 500ms, margin 500ms;   
}

.btn {
	border-radius: 0;
	font-size: 20px;
}

.btn-default {
	text-transform: uppercase;
	padding: 10px 24px;
	background-color: $lightBlue;
	border-color: $lightBlue;
	color: #fff;
	font-weight: 600;
	&:focus,
	&:hover {
		background-color: $lightBlue;
		border-color: $lightBlue;
		color: #fff;
	}
}

#map {
	height: 500px;
}

.main {
	// background-image: url('../images/bg.jpg');
	// background-repeat: no-repeat;
	// background-size: cover;
	// background-position: center top;
	background: #52545c;
	background: -moz-linear-gradient(top,  #52545c 0%, #2a2b2f 100%);
	background: -webkit-linear-gradient(top,  #52545c 0%,#2a2b2f 100%);
	// background: url('../images/marker.png'),linear-gradient(to bottom,  #52545c 0%,#2a2b2f 100%);
	background: linear-gradient(to bottom,  #52545c 0%,#2a2b2f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52545c', endColorstr='#2a2b2f',GradientType=0 );		
}

//Global header
@import "partials/header";

//Global navbar
@import "partials/navbar";

//Global footer
@import "partials/footer";

//Global form
@import "partials/form";

//Global subpage
@import "partials/sub";

//Home Page Specific
@import "partials/home";

//Subpage Specific

//for the love of Deadpool rename this to something intelligent when you start working on a static site 
@import "partials/subpage_1";