@media screen and (max-width: 1000px) 	{
	section.about {padding:15px 0px 15px 40px}
	section.about h2 {width:100%;text-align:center}
	section.about h2 br {display:none;}
	section.about section {width:100%;}
	section.about section.leftcol {width:90%; text-align:center;}
	section.about section.leftcol p.title, section.about section.leftcol p.datehome {padding-left: 0px; margin-left: 0px;}
}
@media screen and (max-width: 960px) 	{
	.ourAuthors ul {max-width: none;width: 90%;}
	.ourAuthors ul li {width:23%;}
}

@media screen and (max-width: 770px) 	{
	span.break {display: block;}
	.ourAuthors ul li {width:48%;}
	.bloglinktitle {padding-right:0px; width:90%;}
	div.list-group>a.active .bloglinktitle {width:90%;}
	div.bhoechie-tab-menu div.list-group>a.active:after {display:none;}
	section.about section.leftcol {width:90%; text-align:center;}
	section.about section.leftcol p.title, section.about section.leftcol p.datehome {padding-left: 0px; margin-left: 0px;}
	.ourAuthors ul li {width:47.5%;}
	nav.main { border-bottom: 0;}
	nav.main ul {
		display: none;
		height: auto;
		margin: 0px auto 0px auto;
		

	}

	nav.main ul li {
		width: 80%;
  		float: left;
  		position: relative;
  		text-align:left;
  		padding-left:20px;
	}
	nav.main ul li a {
		padding: 0px;
	}
	nav.main ul.social {
		width:auto;
	}
	nav.main ul.social li {
		width:30px !important
	}
	nav.main a#pull {
		display: block;
		color: white;
		width: 100%;
		position: relative;

	}
	nav.main a#pull:after {
		content:"";
		background: url('http://www.boozallen.com/content/dam/boozallen/lp/ndsch/css/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	/*section.firstimage {
	background: url('../images/topbanner3.jpg');
	background-repeat:no-repeat;
	background-color:#d6df22;
	background-position: center center;
	background-size: cover;
	-ms-behavior: url(http://www.boozallen.com/content/dam/boozallen/lp/ndsch/backgroundsize.min.htc);
	height: 380px;
	position: relative;
	transition: height 200ms linear 0s;
	width: 100%;
	}*/

	.list-group img {display:inline-block; float:left;}
	.bloglinktitle {padding-right:0px; width:90%;}
	nav li a {padding-right:20px;padding-left: 20px; }
	div.logoSecondary {top:10px;}
	blockquote {display:block;}
	section.secondary {height:380px;}
	
}

@media screen and (max-width: 665px) 	{
section.blog-content, section.blog-image {width:100%;}

section.blog-image {height:200px}
section.blog-content {height: auto}
section.supporters img {width:25%; padding:5px 10px;}
section.supporters img.larger {width:35%; padding:5px 5px;}
}

@media screen and (max-width: 552px) 	{
	.ourAuthors ul li {width:97%;}


}

@media screen and (max-width: 450px) 	{
	.ourAuthors ul li {width:97%;}
}




@media screen and (max-width: 478px) 	{
	section.video {padding-top: 0; padding-bottom:0;}
	.video-container {width:100%; padding:0;}
	iframe, embed, object {max-width:100%;}
	h1 { font-size: 70px; padding: 1px; }
	h2 { font-size: 13px; padding: 1px; }
	.leftcol {display:none;}
	body { font-size: 13px; }
	section.firstimage  {background:#d5de22; height:250px;}
	section.firstimage h1 {display:none;}
	
	.intro {
    font-size:2em;
    margin:0px auto 15px auto;
	}
	div.logo a.btn {
     z-index:100000;
     position:relative;
     margin: 0 auto;
     margin-left:0px\0; /*ie css fix*/
     font-size:1em !important;
	}
	/* div.logo img {
    width:100%; padding-top: 60px;
	} */

	footer h6 {display:none;}
	.ourAuthors ul li p {font-size:1em;}
	section.about h2 {display:none;}
	section.about section {width: 100%; /* padding: 20px; */}
	nav.topLinks {background:#641a3e;}
	nav.topLinks ul.social  {display:none;}
	nav.topLinks ul.presentedby {float:none;}
	.bah {width: 180px;}
	.kaggle  {width: 72px;}
	.socialMobile {display:block !important;}
	section.video img {width:280px;}
	blockquote {display:none;}
	.list-group img {display:none;}
	.bloglinktitle h1 {font-size:12pt;}
	span.list-group-intro p {font-size:1em;}
	.ourAuthors p.float {
        width:80%;
    float:left;
    max-width:450px;
    padding: 0px 30px 10px 30px;
}
}

@media screen and (min-width: 480px) {
	section.firstimage  {background:#d5de22; height:300px;}
	section.firstimage h1 {display:none;}
	nav.topLinks {background:#641a3e;}

		nav.topLinks ul.social  {display:none;}
		nav.topLinks ul.presentedby {float:none;}
	blockquote {display:none;}
	nav li a {padding-right:10px;padding-left: 10px; text-align:center;}
	nav li {text-align:center; margin:0px auto 0px auto;}
	.list-group img {display:none;}
section.blog-content, section.blog-image {min-height: 400px;}
}

\

@media screen and (min-width: 768px) {

}

@media screen and (max-width: 740px) 	{
	.left-col { width: 100%; }
	.sidebar { width: 100%; }
	.intro {font-size: 2em;}

}

@media screen and (max-width: 480px) {

}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	
div.bhoechie-tab-content {width:100%;}
	div.bhoechie-tab-menu {width:100%;}
	.list-group-item {padding: 0 22px;}
	.ourPartners ul li {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 0px;
    margin: 5px 0 25px;
    background: white;
    float: left;
}
.ourPartners ul li p {
	font-size:1em}
	.community-logos img {width:45%;}
	div.logo {left: 0%;    width:95%;}
	div.logo a.logolink {width:90%; height:220px;margin:0 auto;}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
		div.logo a.logolink {display:block;position:relative;width:95%;margin:0 auto;margin-top:10px;text-align:center;background: transparent !important;}
div.logo img {width: 100%;padding-top:0;}
/*background: url('../images/logo.png') no-repeat center;background-size: contain;-ms-behavior: url(../backgroundsize.min.htc);*/

.logo-mobile {display:block;width:90%;margin-top:60px;}

.intro, div.logo p {display:none;}
div.logo a.btn {top:-220px;}

.hero {
  position: relative;
  background: url(http://www.boozallen.com/content/dam/boozallen/lp/ndsch/images/topbanner3-mobile.jpg) !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  background-size: cover !important;
  -ms-behavior: url(http://www.boozallen.com/content/dam/boozallen/lp/ndsch/backgroundsize.min.htc) !important;
  text-align: center;
  color: #fff;
height:350px;
}
header {padding:0;height:50px;background:rgba(100, 26, 62, 1) !important;}
header.menu, nav.main {top:0; margin:0;width:100%;position:absolute;z-index:99999;position:fixed;}	
nav.main {height: auto;padding-bottom:30px;background:rgba(100, 26, 62, 0.9);}
}

/*Smartphone*/
@media only screen and (max-width: 320px),
only screen and (min-device-pixel-ratio : 1.5) {
.hero {height:300px;}
nav.main li {
		display: block;
		float: none;
		width: 100%;
	}
	nav.main li a {
		/* border-bottom: 1px solid #576979; */
	}
section.supporters img {width:35%; padding:5px 10px;}
section.supporters img.larger {width:40%; padding:5px 0px;}
section.supporters img.supporter-kaggle {margin-top:-30px}
section.supporters img.supporter-bah {margin-top:20px}
}