/*

My Custom CSS
=============

Author:  Brad Hussey
Updated: August 2013
Notes:	 Hand coded for Udemy.com

*/


/* --------------------------------------
   Layout
   -------------------------------------- */
body
{
	font-size: 17px;
	background: grey !important;	
    background-image: url(../images/background.jpg) !important;
    height: auto !important;
    background-size: cover !important;
}
.jumbotron
{
	font-family: 'Acme', sans-serif;
	margin-top: 40px;
	background: url(../images/banner.png) top center no-repeat;
	background-size: cover;
	position:relative;
	color: #8A0707;
}
h2
{
	font-family: 'Oswald', sans-serif;
}
.container
{
	
	background: white !important;
}
.padding
	
	{
		padding-top:0px;
	}
.spacing
	
	{
		padding-top:10px;
	}
.title
{
	font-family: 'Righteous', cursive;
}
.bigger-font
{
	font-size:15px;
}

.notice
{
	color:#F00;
	text-align:center;
	font-weight:bold;
}
.noticeleft
{
	color:#F00;
	text-align:left;
	font-weight:bold;
}

.form-horizontal .control-label
	{
		text-align:left;
	}
/* --------------------------------------
   Carousel
   -------------------------------------- */



/* --------------------------------------
   Global Styles
   -------------------------------------- */



/* --------------------------------------
   Media Queries
   -------------------------------------- */

 /* Extra small devices (phones, less than 768px)  No media query since this is the default in Bootstrap */
   
 /* Tablets (Portraits)*/  
@media(max-width:767px){
.navbar-inverse .navbar-brand 
 	{
	  padding:16px 25px 0 35px;
	  font-size:25px;
	}
	.jumbotron
{
	margin-top:40px;
	background: url(../images/banner.png) top center no-repeat;
	background-size: cover;
	position:relative;
	color: #8A0707;
}

}

 /* Small Devices and Tablets (Landscape)*/ 
@media(min-width:768px){
.navbar-inverse .navbar-brand 
 	{
	  padding:16px 15px 0 15px;
	  font-size:25px;
	}
	.jumbotron
{
	margin-top:40px;
	background: url(../images/banner.png) top center no-repeat;
	background-size: cover;
	position:relative;
	color: #8A0707;
}

}

 /* Medium Devices */ 
@media(min-width:992px){
	.jumbotron
{
	margin-top:40px;
	background: url(../images/banner.png) top center no-repeat;
	background-size: cover;
	position:relative;
	color: #8A0707;
}

}

 /* Large Devices */ 
@media(min-width:1200px){
	.jumbotron
{
	margin-top:40px;
	background: url(../images/banner.png) top center no-repeat;
	background-size: cover;
	position:relative;
	color: #8A0707;
}


}
