@charset "UTF-8";
/* CSS Document 
	Created for: Keymind, A Division of Axiom Resource Management
	Author: Ashley Frazier
	Last Updated: May 1, 2013 by Phuong Tran

	Overrides specified in bootstrap.css and bootstrap-responsive.css file

*/

@media (max-width: 979px) {	
	.brand img {
	    max-width: 75%;
	}
	
	.navbar-fixed-top, .navbar-fixed-bottom {
		position: fixed;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.navbar .nav-collapse .nav.pull-right {
		margin-top: 0px;
		margin-left: 20px;
		margin-bottom: 10px;
	}
	
	.navbar .btn-navbar {
    	display: block;
	}
	
	.container-fluid { 
		max-width: none;
	}
	
	.divisions {
		height: auto;
		/*height: 120px;*/
	}
	
	.divisions .main {
		/*overflow-x: scroll;
		overflow-y: hidden;*/
		width: 100%;
	}
	
	.divisions .row-fluid {
		/*height: 100px;
		width: 1008px;*/
	}
	
	.divisions .row-fluid .span2 {
        display: block;
        margin: 20px auto;
        width: 50%;
	}
	
}


/*------------- iPad, Tablets ------------------------------------------*/
@media (max-width: 768px) {
	body {
		padding: 0;
		margin: 0;	
	}
	
	.services h1, .about h1, .contact h1 {
		padding-left: 0px;
	}
	
	.masthead .main {
		margin-top: 230px;
	}
	
	.divisions [class*="span"], .row-fluid [class*="span"] {
		display: block;
		float: left;
	}
}


/*------------- iPhone, iPod Touch, Smartphones ---------------*/
@media (max-width: 480px) {
	body {
		padding: 0;
		margin: 0;	
	}
	
	.navbar-fixed-top .navbar-inner {
		min-height: 40px;	
		padding: 10px 30px;
	}
	.navbar .brand {
		/*width: 100px;*/
		width: 50%;
		/*height: 40px;*/
		margin: 0;
	}
	.navbar .nav {
		margin: 5px 0;
	}
	.navbar .nav > li > a {
		font-size: 1.25em;
		line-height: 1.5em;
		margin: 15px;
	}
	.navbar .nav > li > a:hover {
		background-color: #0094d3;
		color: #333;
		text-decoration: none;
		border-bottom: none;
	}
	
	.navbar .nav .active > a,
	.navbar .nav .active > a:hover {
		color: #353535;
		/*border-bottom: 3px solid #0094d3;*/
		background-color: transparent;
	}
	
	.navbar .nav.pull-right {
		float: left;
	}
	
	.hero-unit {
		padding: 0;
		margin: 10px 0 80px;
	}
	
	.hero-unit div {
		width: 48%;	
		float: left;
	}

	.hero-unit h1 {
		font-size: 2.6em;
		margin: 0px 0 0 10px;
	}
	
	h1 {
		font-size: 2.333em;
		margin-bottom: 12px;	
	}
	
	h2 {
		font-size: 1.6em;
		line-height: 1.4em;
	}
	
	h3 {
		font-size: 1.2em;
		line-height: 1.3em;
	}
	
	p, ul p {
		font-size: 1em;	
		line-height: 1.4em;
	}
	
	
	.masthead .main {
		margin-top: 180px;
	}
	
	.divisions {
		height: auto;
		/*overflow: auto;*/
	}
	
	.divisions .row-fluid {
		height: auto;
	}
	
	.divisions .row-fluid .span2 {
	    width: 100%;
	}
	
	.masthead h1 {
		margin-top: 0px;
	}
		
	.masthead div[class*="span"], .about .main, .services .main, .contact .main {
		padding: 30px;
	}
	
	.about h2, .services h2, .contact h2 {
		margin-top: 0px;
	}
	
	/*.about {
		margin-top: -22px;
		margin-bottom: 80px;
	}*/
	
	.about  ul .span1 {
		display: none;	
	}
	
	.about p {
		font-size: .7833em;
		line-height: 1.4em;
	}
	
	.about .callout {
		box-shadow: none;	
		padding: 20px;
	}
	
	.about .callout p {
		font-size: .7833em;
		line-height: 1.4em;
	}
	
	.about .callout img {
		border: 1px solid #ACA095;
		box-shadow: 1px 1px 3px 3px rgba(35, 31, 32, 0.2);
		margin: 10px 0;
	}
	
	.about a.pull-right {
		float: none;	
	}
	
	/*.services {
		margin-top: -22px;
		margin-bottom: 80px;
	}*/

	.services .intro {
	    font-size: 1.133em;
   		line-height: 1.4em;
	}
	.services .icon {
    	padding: 6px 6px 0 0;
	}
	
	address {
		font-size: 1em;
	}
	
	#sliderServ .row .span2 {
		width: 20%;
		float: left;	
	}

	#sliderServ .row .span4 {
		width: 75%;
		float: left;	
	}

	.work {
		margin-top: -22px;
		margin-bottom: 80px;	
	}

	.thumbnails, .thumbnails > li {
		margin-left: 0;
		font-size: 0.9em;	
		line-height: 1.4em;
	}
	
	.thumbnails > li img {
		width: 95%;	
	}
	
	/*.footer {
		margin-top: -22px;
	}*/
	
	.footer h2 {
		margin-top: 20px;	
	}
	
	.anythingSlider-default .anythingControls ul a {
	}
	.anythingSlider-default {
		margin: 0 auto;
		padding: 10px 0 0;
	}
	
	.main {
		margin-top: 20px;	
	}

	#sliderMain {
		width: 320px;
		background-size: contain;
		height: 700px;
	}
	
	#sliderMain .col1 {
		display: block;
		float: none;
	}	

	#sliderMain .col2 {
		display: block;
		float: none;
	}	

	#sliderMain li.one h1, #sliderMain li.two h1, #sliderMain li.three h1 {
		display: block;
		padding: 200px 0 0 45px;
		color: #0094d3;
	}
	
	#sliderMain li p {
		width: 235px;	
	}
	
	#sliderMain li img {
		float: none;
		width: 100%;	
	}
	
	.bottom .col1{
		display: block;
		padding: 0;	
		float: none;
	}

	.bottom .col2{
		display: block;
		padding: 0;	
		float: none;
	}
	
	.footer {
		margin-top: 50px;	
	}


	.anythingSlider-default .arrow {
		top: 10%;
	}
	.anythingSlider-default .arrow a {
		width: 17px;
		height: 56px;
		margin: -28px 0 0 0; /* half height of image */
		background: url(../img/arrows_mobile.png) no-repeat;
	}
	.anythingSlider-default .back { left: -20px; }
	.anythingSlider-default .back a { background-position: left top; }
	.anythingSlider-default .back a:hover,
	.anythingSlider-default .back a.hover { background-position: left -56px; }
	/* forward arrow */
	.anythingSlider-default .forward { right: -20px; }
	.anythingSlider-default .forward a { background-position: right top; }
	.anythingSlider-default .forward a:hover,
	.anythingSlider-default .forward a.hover { background-position: right -56px; }

}