@font-face { font-family: 'Lato-Regular'; src: url('../fonts/Lato/Lato-Regular.ttf') format('truetype'); }

body { padding-top: 0px; padding-bottom: 20px; font-family:Lato-Regular; background:url(/Content/img/bg-main.jpg) top left; background-attachment:fixed; height:100%;}

/* Set padding to keep content from hitting the edges */
.body-content { padding:0; max-width:840px; padding-top:25px; padding-bottom:25px;   font-family: Lato-Regular; margin-top: 5%; border-radius: 0; background: rgba(0, 0, 0,0.75); color: #FFF; margin-top: 10%; }

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt { white-space: normal; }

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea { max-width: 280px; }
.navbar {display:none;}
.navbar-header { width: 100%; float: none; margin: 0 auto; display: none; }
.navbar-brand {text-align:center;float:none; display:block; margin:0 auto; width:100%;}

.jumbotron {background:none; margin-bottom:0; padding:15px; text-align:center;  }
	
	.jumbotron h1 { text-align: center;  font-size: 36px; text-transform:uppercase;  }
	.jumbotron h2 {font-size:24px;}
	.jumbotron h3 {font-size:20px;}
	.jumbotron p { font-size: 20px;}

	.jumbotron .info { font-size:16px;  }

	.jumbotron .col-action { text-align:center;  padding-top:25px; padding-bottom:25px; }

.glyphicon { color: #FFF ; }
a { color:#FFF; }
a:hover { text-decoration:underline; color:#FFF; }
.btn-primary { background: #FFF; color: #000; border-radius: 0; border: 1px solid #FFF; }
	.btn-primary:hover { background: #000;  color:#FFF; border-color:#FFF; }
footer {text-align:center;}


/*#region rwd */
/* XXS - extra small devices 320 an up */
@media only screen and (min-width : 320px) {
}


@media screen and (max-width: 400px) {
	.col-item { margin-bottom: 25px; }
}

@media screen and (min-width: 401px) {
.col-item {margin-bottom:50px; }
	
}
/* XS - Small devices (landscape phones, 576px and up)*/
@media screen and (min-width: 576px) {
}

/* SM - Medium devices (tablets, 768px and up)*/
@media only screen and (min-width : 768px) {
}

/* MD - Large devices (desktops, 992px and up)*/
@media only screen and (min-width : 992px) {
	.jumbotron h2 { min-height: 96px; }
	.col-item { margin-bottom: 0px; }
}

/* LG Extra large devices (large desktops, 1200px and up)*/
@media only screen and (min-width : 1200px) {
	
}

@media only screen and (min-width : 1440px) {
}

@media only screen and (min-width : 1800px) {
}

@media only screen and (min-width : 2400px) {
}

@media only screen and (min-width : 3700px) {
}
/*#endregion*/