/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~OCTANE DEVELOPMENT CUSTOM CSS BY: JIM O'BRIEN~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~                      http://theoctaneagency.com                        ~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	/*********************************************
	THEME BASICS
	**********************************************/
	h1, h2, h3, h4, h5, p { display: block; font-family: 'Yanone Kaffeesatz', Arial, serif; }
	
	body { background: url(../images/fabric_brown_img.jpg) 50% 0 no-repeat fixed; }

	.row { background: white; }
	
	
	
	
	/*********************************************
	HEADER
	**********************************************/
	
	.navbar-custom { background: black !important; height: 60px; padding: 0px 0px 0px 10px; }
	
	.navbar-custom h1 { color: white !important; font-size: 28px; text-align: center; margin: 0; padding: 15px 0px 0px 0px; }
	
	.navbar-custom h1 a { color: white !important; text-decoration: underline; }
	
	/*********************************************
	BODY
	**********************************************/
	.featured { width: 100%; }
	#lead-in { padding: 10px; display: inline-block; }
	#lead-in h2 { margin-left: 20px; padding-left: 20px;}
	
	#featured-img { height: auto; width: 100%; }
	
	/* This area is not the normal background */
	.middle { background: transparent !important; color: white; font-size: 32px; }
	
	#quote {  font-size:32px; }
	
	#bottom-container { margin: 0 auto !important;  }
	
	.bottom-box-custom { padding: 15px 0px; }

	
	/*********************************************
	FOOTER
	**********************************************/
	footer { 
		color: white;
		
	}
	footer .row { 	background: black; padding: 40px 0px; }
	footer p { text-align: center; }
	footer h3 { text-align: center; }
	
	
	/*********************************************
	MEDIA QUERIES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	**********************************************/
	  /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
		
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
	
		

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }
	
	 /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		.navbar-custom h1 { font-size: 20px; }
		
		footer h3 { font-size:12px; }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }