/*
	
	template
	
*/

/* large display */
@media (min-width: 1200px) {
}

/* default */
@media (min-width: 980px) and (max-width: 1199px) {
	
	#header-info,#navigation,#content {
		font-size:.9em;	
	}
	
}

/* portrait tablet */
@media (min-width: 768px) and (max-width: 979px) {
	
	#navigation {
		margin-top:-10px;	
	}
	
	#navigation ul li a {
		padding:5px 10px 5px 10px;	
	}
	
	#header-logo img {
		width:240px;		
	}
	
	#header-info,#navigation{
		font-size:.8em;	
	}
	
	#content {
		font-size:.85em;	
	}
	
}

/* phones */
@media (max-width: 767px) {
	
	.gray-box {
		-moz-border-radius: 0px;
		border-radius: 0px;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;	
	}
	.media-left .fa {
		width:80px;
	}
	
	#header-logo {
		float:none;
		text-align:center;
		display:block;
	}
	
	#header-info {
		background-color:#f7f7f7;
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
		display:block;
		clear:both;
		padding:10px 0px 10px 0px;
		text-align:center;
		margin:15px -15px 15px -15px;
	}	
	
	#content .big-btn.pull-right {
		background-color:#444;
		display:block;
		float:none!important;
		margin-top:15px;
	}
	#content .big-btn.pull-right {
	}
	
	#service-area {
		margin-top:25px;	
	}
	
	#footer h3 {
		font-size:1.6em;	
	}
	
	#footer ul li a {
		font-family: 'Open Sans Condensed', sans-serif;
		text-transform:uppercase;
		font-weight:600;
		display:block;
		font-size:1.2em;
		background-color:#444;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color:#fff;
		padding:8px;
		margin-top:5px;
	}	
	
	#footer .row {
		padding-bottom:15px;	
		border-top:5px solid #bbb;
	}
	
	#footer .col-sm-3 {
		padding:15px 15px 0px 15px;	
	}
}
/* not phones */
@media (min-width: 768px) {

	#mobile-menu  {
		display:none;
	}
	html, body {
		height: 100%;
	}
	.wrapper {
		min-height: 100%;
		margin: 0 auto -211px; /* the bottom margin is the negative value of the footer's height */
	}
	footer, .push {
		height: 211px; /* '.push' must be the same height as 'footer' */
	}
}


/*
	
	mobile menu
	
*/
/* phones */
@media (max-width: 767px) {

	#mobile-menu .btn {
		text-align:left;
		font-family: 'Open Sans Condensed', sans-serif;
		text-transform:uppercase;
		font-weight:600;
		color:#fff;
		background-color:#444;
		display:block;	
		margin-top:25px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#mobile-menu ul li a {
		font-family: 'Open Sans Condensed', sans-serif;
		font-size:1.1em;
		margin-top:10px;
		color:#444;
		text-transform:uppercase;
		font-weight:600;
		display:block;	
		background-color:#eee;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}	
	#mobile-menu li.active a {
		color:#fff;
		background-color:#0864c3;
	}	
}