/*
Responsive 996px grid system ~ Style CSS.
Copyright 2013, Josh Cope
*/

/* =============================================================================
   Site Styles
   ========================================================================== */

/* =============================================================================
   Page Styles
   ========================================================================== */

/* =============================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 996px) and (max-width: 1024px) {
.main_header .logo{
	font-size:2em;
}
}

/* Tablet Portrait size to Base 996px */
@media only screen and (min-width: 768px) and (max-width: 995px) {
	header.main_header .column3, header.main_header .column9{
		width:98%;
	}
	.main_header .logo{
		text-align:center;
	}
	.main-menu{
		margin-top:10px;
	}
	.main_slider .carousel-caption {
        padding-bottom: 14%;
    }
	.main_slider .carousel-caption h2 {
        font-size: 2.3em;
    }
	}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
	.navbar-brand{
		display:block;
	}
	.main_header .logo{
		padding-top:0px;
		text-align:center;
	}
	.main_header .navbar-nav > li{
		padding:7px 0px;
	}
	.navbar-nav .open .dropdown-menu{
		background:#ccc;
	}
	.main_slider .carousel-caption{
		left:2%;
		right:2%;
		padding-bottom: 3%;
	}
	.main_slider .carousel-caption h2 {
    font-size: 1.4em;
    }
	.main_slider .carousel-indicators li{
		width:18px;
		height:18px;
	}
	}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px) {}


/* =============================================================================
   Font-Face
   ========================================================================== */
/* This is the proper syntax for an @font-face file

/* @font-face {
font-family: 'FontName';
src: url('../fonts/FontName.eot');
src: url('../fonts/FontName.eot?iefix') format('embedded-opentype'),
url('../fonts/FontName.woff') format('woff'),
url('../fonts/FontName.ttf') format('truetype'),
url('../fonts/FontName.svg#FontName') format('svg');
font-weight: normal;
font-style: normal; }
*/