/* Smartphones (portrait and landscape) ----------- */
@media screen and (max-width: 576px) {

		.mobilefull {
			display:block;
			width:100%;
		}

		#header {
			height:160px;
			padding-top:140px;
		}

		#mainmenu {
			padding-top:0px;
			height:75px;
		} 

		#mobilehome {
			visibility: visible;
			display:block;
			width:100px;
			height:300px;
			margin: auto;
			background: url("img/logo-feather.png")  no-repeat center;
			background-size: contain;
			position:relative;
			top:-150px;
		}

		.logo a {
			background:none;
			text-indent:0px;
			display:none;
		}

		.navbar {
			position:fixed;
			width:100%;
			top:0;
			background:#2f0f00;
			z-index:101;
			max-height:600px;
		}

		.navbar-nav {
			max-height:600px;
			margin-top:0;
		}


		.catchphrase {
			font-size:1.6em;
		}

		.content-intro {
			min-width:100%;
			margin:0 !important;
			padding:8px !important;
		}

		/*.container-fluid {
			margin:0;
			padding:5px;
		}*/

		.px-5, 	.px-4 {
			margin:0 !important;
			padding:5px !important;
		}

		.currentevents .title-padding{
    		padding-top: 30px !important;
		}

		.biopic img { 
			display:block;
			float:none;
		 }

		 .intro {
			font-size: 1em;
			line-height: 1.5em;
		}

		 .intro img, .pr-spotlight, .feature-placement  { display:none; }


		/* .container-interior {
			margin: 0 2% 60px 2%;
		}*/

		.contact-meta .col-3 {
			min-width:50% !important;
			margin-bottom:30px;
		}

		.contact-meta  img {
			max-width:45%;
		}

		.blogroll {
			width:100%;
			padding:2%;
		}

		.page .item {
			padding: 5px !important;
			width:100% !important;
		}


}

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




		#header {
			height:190px;
			padding-top:140px;
		}



		.navbar-nav {
			font-size:1.5em;

		}

		.logo {
			width:125px;
			height:250px;
			background: url("img/logo-feather.png")  no-repeat center;
			background-size: contain;
			position:relative;
			text-indent:-90000000000px;
			top:-100px;
			z-index:0;
		}

		.px-5 {
			margin:0 !important;
			padding:15px !important;
		}



		.intro img, .pr-spotlight, .feature-placement { display:none; }



		.currentevents .title-padding{
			clear:both;
    		padding-top: 30px !important;
		}

		.page .item {
			padding: 20px !important;
			width:50% !important;
		}




}

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



		.btn-responsive {
		    padding:8px 8px;
		    font-size:90%;
		    line-height: 1.2;
		  }


		#header {
			display:block;
			height:180px;
			padding-top:140px;


		}

		.navbar-nav {
			font-size:1.6em;

		}


		.catchphrase {
			font-size:3em;
			color: #fff;
			position: absolute;
			top:60px;
			left:0;
			right:0;
			opacity: 0.6;
		}

		.logo a {
			width:300px;
			height:250px;
			padding:0;
			background: url("img/cia-logo.png")  no-repeat center;
			background-size: contain;
			position:relative;
			text-indent:-90000000000px;
			top:-100px;
			z-index:0;
		}

		.nav-item {
			padding:0 5px 0 5px;
		}

		#content {
			padding-top:70px;
		}

		.content-intro {
			margin-top:80px;
		}


		.feature-placement {
			width:50%;
			background: rgba(63, 24, 3, 0.6);
			position:absolute;
			padding-bottom:400px;
			height:700px;
		}

		.currentevents {
			/*
			background:url("img/bg-bracket.png") no-repeat center left; */
			background-size: contain;
			margin-bottom:70px;
		}

		.seconddivide {
			position:relative;
			top:-70px;
			z-index:30;
			margin-bottom:30px;
		}


		#secondarycontent {
			position:relative;
			top:-100px;
			z-index:30;
		}

	.page .item {
			padding: 20px !important;
			width:33% !important;
		}

.single .featured-image {
	display:inline;
	max-width:60%;
	max-height: 70vh;
	height:auto;
	float:left;
	border-radius: 15px;
	overflow:hidden;
}

.single #nice-portfolio-project-details {
	display:inline;
	float:right;
	width: 38%;

}

.single #nice-portfolio-project-gallery {
	clear:right;
	width: 38%;
	float:right;
	padding-top:30px !important;
}







}


/* Desktops and laptops ----------- */
@media screen  and (min-width : 992px) {

		.btn-responsive {
		    padding:10px 15px;
		    font-size:100%;
		    line-height: 1.2;
		  }

		.page-template-page-home #header {
			height:325px;
			padding:0;
		}

		#header {
			height:225px;
			padding:0;
		}

		 #mainmenu {
			margin-top:75px;
			height:110px;
			padding-top:20px;
		}



		.page-template-page-home #mainmenu {
			margin-top:175px;
		}

/*
		.page-template-page-home #content {
			margin-top: 200px;
		} */


		.nav-item {
			padding:0 15px 0 15px;
		}

		.logo a {
			width:400px;
			padding:0;

		}

		.catchphrase {
			top:100px;
		}

			.page .item {
			padding: 18px !important;
			width:25% !important;
		}

 /* -- fix hieght to be uniform ---*/



}