@charset "UTF-8";

body {
  font-size: calc(11px + (18 - 11) * ((100vw - 300px) / (1600 - 300)));
  line-height: calc(2em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
}
#page-container {
  position: relative;
  min-height: 100vh;
}

#content-wrap {
  padding-bottom: 10em;    /* Footer height */
}
#mainContent {
	/* Container for the blog post in individal blog view */
	padding-left: 0%;
	width: 100%;
	padding-right: 0%;
	padding-top: 41px;
}

#mainwrapper {
	/* Container of all content */
	
	width: 100%;
	margin-left: 0%;
	
}
#mainwrapper header {
	/*Header */
	
	overflow:hidden;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	letter-spacing: 1px;
	font-style: normal;
	font-weight: 325;
}
#mainwrapper header #logo {
	/* Company Logo text */
	
	width: 20%;
	float: left;
	padding-left: 5%;
	padding-top: 1em;
	padding-bottom: 0em;
	
}
#mainwrapper header .topnav {
	/*Nav bar containing links in header */
	text-align: center;
	padding-top: 1.9em;
	padding-bottom: 0em;
	width: 50%;
	float: right;
	font-size: .95em;
}

/*added nav stuff*/
/* Add a black background color to the top navigation */
.topnav {
background-color: #ffffff;
  
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: rgba(146,146,146,1.00);
  text-align: center;
  padding-top: inherit;
	padding-bottom: inherit;
	padding-left: 1em;
	padding-right:1em;
  text-decoration: none;
  font-size: .95em;
}

/* Add an active class to highlight the current page */
.topnav .active {
  color: #ff6600;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}
/* Add an active class to highlight the current page */
.topnav .active {
  color: #ff6600;
}
/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover {
  background-color: #ffffff;
  color: #ff6600;
}

/*Dropdown Resources button in nav bar*/
.dropdown {
  float: left;
  overflow: hidden;
	padding-top:inherit;
	
	
}

.dropdown .dropbtn {
	background-color: #ffffff;
  color: rgba(146,146,146,1.00);
  font-family:inherit;
	letter-spacing: inherit;
	font-style: inherit;
	font-weight: inherit;
  font-size: inherit;
  border: none;
}
.dropbtn>a{

	text-decoration: none;
	margin-top:5%;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #ffffff;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
	font-size: .85em;
  min-width: 180px;
  box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/*drop down menu look*/
.dropdown-content a {
  float: none;
  color: rgba(146,146,146,1.00);
  padding: 4px 10px 8px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ffffff;
}

.dropdown:hover .dropdown-content {
  display: block;
}

#lowerheaderbio{ /*small pics of employees*/
	clear:both;
	width:98%;
	display:block;
	margin-top: 1.5em;
	margin-bottom:1.5em;
	margin-left:1%;
	margin-right:1%;
	overflow: auto;
  white-space:nowrap;
	
	}									
.lowerheaderbio img {
	margin-top: 1.5em;
	margin-bottom:.5em;
	width: 6%;
	height: auto;
	border-radius:8px;
	opacity: 0.4;
    
	}
	
.lowerheaderbio .active	{
	opacity: 1.0;
	
	}

.lowerheaderbio img:hover	{
	opacity: 1.0;
	list-style: none;
	}

/*end of added nav stuff*/

#content #mainContent h1, #content #mainContent h2 {
	/* Styling for main headings */
	color: rgba(146,146,146,1.00);
}

#content #mainContent #bannerImage {
	/*Container for main banner image */
	width: 100%;
	display: block;
	height: auto;
	position: relative;
	
	}


.banner img{
	
	display: block;
	height: auto;
	
}

#mainContent #bannerImage img {
	 /* Actual banner image */
	
	display: block;
}

.home_container {
  position: relative;
  text-align: center;
  
}
.home_container img{
	display: block;
}
#content-desktop {display: block;}
#content-mobile {display: none;}

/* Centered banner text on home page */
.centered {
 	
	font-size: 2em ;
  	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	text-shadow: 2px 2px 8px #3F3E3E; 
	color:#F1E7CE;
	position: absolute;
 	text-align: center;
	letter-spacing: 2px;
	font-style: normal;
	font-weight: 300;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}
/* Centered banner text on home page */
.centeredsmall {
 	
	font-size: 2em ;
  	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	text-shadow: 2px 2px 8px #3F3E3E; 
	color:#F1E7CE;
	position: absolute;
 	text-align: center;
	letter-spacing: 2px;
	font-style: normal;
	font-weight: 300;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}
/* Centered banner text on project pages */
.textbelow {
 
  font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color:#ff6600;
	position: absolute;
 	text-align: center;
	width: 70%;
	height: 90%;
 	top: 40%;
	left: 50%;
  transform: translate(-50%, -50%);
}
.textbelow h3{
 font-size: 1.7em;
	color: rgba(146,146,146,1.00);
	
 	letter-spacing: 2px;
	font-weight: 300;
}
.textbelow h4{
 font-size: 1.7em;
	color:#ff6600;
	text-decoration: none;
 	letter-spacing: 2px;
	font-weight: 300;
	margin-bottom: -10px;
}
.textbelow h5{
 	font-size: 1.25em;
	text-shadow: 2px 2px 8px #3F3E3E;
	color:#F1E7CE;
	
 	letter-spacing: 2px;
	font-weight: 300;
	margin-top: 0px;
}
.textbelow h6{
 font-size: 1.1em;
	color:#ff6600;
	
 	letter-spacing: 2px;
	font-weight: 300;
	overflow: hidden;
	
}

.textbelow h7{
 font-size: 1.25em;
	color:#ff6600;
	
 	letter-spacing: 2px;
	font-weight: 300;
	overflow: hidden;
	
}

#mainContent #Biopicture img {
	/* Actual banner image */
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 14%;
}



footer {
	/* Container for footer articles */
	clear:both;
	text-align:center;
	width: 100%;
	margin-bottom:1em;
}
footer img {
	float:right;
	margin-right: 0em;
}

footer article {
	/* Footer articles */
	
	width: 50%;
	display:inline-block;
	
	vertical-align: middle;
	text-align: justify;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	letter-spacing: 1px;
	font-style: normal;
	font-weight: 350;
	color: rgba(146,146,146,1.00);
}
footer article p{
	/* Footer article paragraphs */
	
	text-align: center;
	font: normal  Verdana, Geneva, sans-serif;
	margin-top:auto;
	margin-bottom:auto;
	font-weight: 250;
	
}
footer article h2 {
	/* Footer article titles */
	font-size: 1em;
	text-align: center;
	font: normal  Verdana, Geneva, sans-serif;
	font-weight: 400;
}
footer article h3 {
	/* Footer article titles */
	font-size: 2em;
	text-align: center;
	font-family: montserrat, sans-serif;
	font-style: normal;
	font-weight: 400;
}
footer article h4 {
	/* Footer article titles */
	text-align: center;
	font: normal  Verdana, Geneva, sans-serif;
	font-weight: 250;
}


/* CONTACT PAGE Footer row and columns */
.footer_row:after {
  
  display: table;
  clear: both;
}

.footer_column {
	width: 30%;
	margin-top:1%;
	margin-right:1%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	letter-spacing: 1px;
	font-style: normal;
	font-weight: 350;
	color: rgba(146,146,146,1.00);
}

.footer_column p{
	/* Footer article paragraphs */
	
	text-align: center;
	font: normal  Verdana, Geneva, sans-serif;
	margin-top:auto;
	margin-bottom:auto;
	font-weight: 250;
	
}
.footer_column h2 {
	/* Footer article titles */
	font-size: 1em;
	margin-bottom: -1em;
	text-align: center;
	font: normal  Verdana, Geneva, sans-serif;
	font-weight: 400;
}
.footer_column h3 {
	/* Footer article titles */
	font-size: 2em;
	text-align: center;
	font-family: montserrat, sans-serif;
	font-style: normal;
	font-weight: 400;
}
.footer_column h4 {
	/* Footer article titles */
	text-align: center;
	font: normal  Verdana, Geneva, sans-serif;
	font-weight: 250;
}
.map-responsive{
    
	overflow:hidden;
    padding-bottom:76.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
	
    height:100%;
    width:100%;
    position:absolute;
}

.textunderbanner{
	width: 100%;
	position:relative;
	padding-bottom: 5%;
	
	font-size: 1em;
	text-align: center;
	font: normal  Verdana, Geneva, sans-serif;
	font-weight: 300;
}

#content_capabilities { /*projects page*/
	
	width: 98%;
	position: relative;
	padding: 1% 1% 3% 1%;	
	text-align: center;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	letter-spacing: 1px;
	font-style: normal;
	font-weight: 350;
	}

.capabilities {
	/* Projects buttons */
	max-width: 60%;
	vertical-align: top;
	display: inline-block;
	
	
}

.capabilities a{
	text-decoration: none;
	color: rgba(146,146,146,1.00);
	
}
.capabilities a:hover{
	color: #ff6600;
}

.capabilities h8{
	
	font-size: 1em;
	bottom:0%;
	letter-spacing: 1px;
	font-weight: 325;
}


#content_custom { /*custom interactives page*/
	margin-left:auto;
	margin-right:auto;
	vertical-align: top;
	
	color: rgba(146,146,146,1.00);
	width: 98%;
	margin-top:1%;
	text-align: center;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: 300;
	line-height: 1.4em;
	letter-spacing: 1px;
}

#content_custom img{ /*custom interactives page*/
	margin-bottom: 4%;
	vertical-align: top;
	
}


.row {
  margin-bottom: 4%;	
	
}

/* Add padding BETWEEN each column (if you want) */
.row,
.row > .column {
  	
	padding: 0%;
	vertical-align: top;
}

/* Create four equal columns that floats next to each other */
.column {
  display:inline-block;
	width: 20%;
}

/* Clear floats after rows */
.row:after {
  content: "";
  display: table;
  clear: both;
	
}



.emailcontact a{
	text-decoration:none;
	text-align: center;
	font: normal  Verdana, Geneva, sans-serif;
	color: rgba(146,146,146,1.00);
	font-weight: 250;
}
.emailcontact a:hover{
	text-decoration:none;
	color:#ff6600;
	font-style: normal;
}


#content_about { /*meet the kidz page*/
	clear:both;
	width: 98%;
	margin: 0 1% 0 1%;	
	
	text-align: center;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	letter-spacing: 1px;
	font-style: normal;
	font-weight: 300;
	color: rgba(146,146,146,1.00);
	
	}


.about_us a {
	color: rgba(146,146,146,1.00);
	font: normal  Verdana, Geneva, sans-serif;
	text-decoration: none;
	line-height: 1em;
	
	}
.about_us a:hover {
	color: #ff6600;
   
	}

.portraits {
	vertical-align: top;
	width: 14%;
	height: auto;
	overflow-wrap: break-word;
	border-radius:8px;
	display: inline-block;
	text-align: center;
	margin: 2em .75em 2em .75em;
	}


#content_projects { /*project pages*/
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width: 98%;
	margin-top:1%;
		
	text-align: center;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	letter-spacing: 1px;
		
}


.projects a {
	
	font-size: 1em;
	color: rgba(146,146,146,1.00);
	font-weight: 300;
	text-decoration: none;
	line-height: .15em;
	text-align:center;
	white-space: normal;
	
	}
.projects a:hover {
	color: #ff6600;
   
	}

.projectimage {
	width: 20%;
	height: auto;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 1% 1% 1% 1%;
	}

.moreprojects {
	width: 10%;
	height: auto;
	overflow: hidden;
	display: inline-block;
	
	text-decoration: none;
	
	text-align: center;
	padding: 4% 6% 5% 6%;
	}

.exhibitimages {
	clear:inherit;
	display: inline-block;
	width: 23%;
	margin-right:0;
	margin-left:0;
	}





#footerbar {
	/* Footer bar at the bottom of the page */
	padding-top:2em;
	position: absolute;
	text-align: center;
	font: normal 14px/2em source-sans-pro, sans-serif;
	margin-left: 0%;
	height: 10em;
	clear: both;
	background-color: #F4F4F4;
	width: 100%;
	bottom: 0;
}
#footerbar a{
	text-decoration:none;
	color: rgba(146,146,146,1.00);
	margin: 0 0em 0 0em;
	letter-spacing: 1.5px;
	}
/*#footerbar a:hover{
	text-decoration:none;
	color:#ff6600;
	font: normal 14px/2em source-sans-pro, sans-serif;
	letter-spacing: 1.5px;
	}*/

#footerbar h1{
	font: normal 14px/2em "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	margin: 0px 0em 0 2em;
	letter-spacing: 1.5px;	
}
#footerbar h1:hover{
	text-decoration:none;
	color:#ff6600;
	font-style: normal;
	font-weight: 350;
	letter-spacing: 1.5px;
	}
#footerbar h2{
	display:inline;
	
	font: normal 14px/2em "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	margin: 0px 0em 0 0em;
	letter-spacing: 1.5px;
	}
#footerbar img{
	width: 2%;
	float: inherit;
	vertical-align: middle;
	margin-right: 2%;
	min-width: 20px;
}
/*#footerbar h2:hover{
	text-decoration:none;
	color:#ff6600;
	font:400 14px/2em source-sans-pro, sans-serif;
	}
*/

/***************************** Smaller screen view 1000px */
@media screen and (max-width:1000px) {
.topnav a {
  float: left;
  display: block;
  color: rgba(146,146,146,1.00);
  text-align: center;
  padding-top: 1em;
	padding-bottom: .5em;
	padding-left: .5em;
	padding-right:.5em;
  text-decoration: none;
 font-size: .90em;
	}
/*Dropdown Resources button in nav bar*/

.dropdown {
  float: left;
  overflow: hidden;
	padding-top:2.5%;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

.dropdown .dropbtn {
  background-color: #ffffff;
  color: rgba(146,146,146,1.00);
  font-family:inherit;
	letter-spacing: 1px;
	font-style: normal;
	font-weight: 325;
  padding-top:1%;
	font-size: .90em;
  border: none;
}
.dropbtn>a{
	font-size: .90em;
	text-decoration: none;
	padding-top:5%;
}	
.dropdown-content {
 float: left;
display: none;
  position: absolute;
  background-color: #ffffff;
  font-size: .85em;
	max-width: 1%;
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
  z-index: 1;
}



	
	
}
/********* Tablet view */
@media screen and (max-width:769px) {

body {
  font-size: calc(11px + (18 - 11) * ((100vw - 300px) / (1600 - 300)));
  line-height: calc(2em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
}
#mainContent {
	/* Container for the blog post */
	padding-top: 0px;
	float: none;
	width: 100%;
}
#mainwrapper header #logo {
	/* Company Logo text in header */
	width: 33%;
	float: left;
	padding-left: 2%;
	padding-top: .5em;
}
#mainwrapper header .topnav {
	/*Nav bar containing links in header */
	text-align: center;
	padding-top: 1.5em;
	padding-bottom: 0em;
	width: 60%;
	float: right;
	font-size: 1em;
}
	
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
	font-size: .85em;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/*drop down menu look*/
.dropdown-content a {
  float: none;
  color: rgba(146,146,146,1.00);
  padding: 10px 11px;
  text-decoration: none;
  display: block;
  text-align: left;
}	
	
 .footer_column {
    width: 100%;
  }	
.topnav a {
  float: left;
  display: block;
  color: rgba(146,146,146,1.00);
  text-align: center;
  padding-top: 1em;
	padding-bottom: .5em;
	padding-left: .5em;
	padding-right:.5em;
  text-decoration: none;
 /* font-size: .95em;*/
	}
	/* Centered text */
 .centered {
  /*font-size: 1.8em ;*/
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.lowerheaderbio img {
	width: 10%;
	height: auto;
	}
footer {
	/* Footer region */
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
}
footer article {
	/*Each footer article */
	width: 95%;
}
#mainwrapper header {
	/* Header */
	width: 100%;
}
	.textunderbanner{
		width: 91%;
		padding-left:2%;
		padding-bottom:10%;
	}
.projectimage {
	width: 40%;
	height: auto;
	overflow: hidden;
	display: inline-block;
	text-align: center;
	padding: 2% 1% 1% 1%;
	}

.moreprojects {
	width: 15%;
	height: auto;
	overflow: hidden;
	display: inline-block;
	text-align: center;
	padding: 2% 1% 10% 1%;
	}	
.textbelow {
	width: 90%;	
}
.portraits p{
	
	line-height: 1em;
	margin: 2% 0 0% 2%;
	}	
	
#footerbar {
	/* Footer bar at the bottom of the page */
	height: 8%;
	padding-top:1em;
	
	}	
	
}





/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 692px) {
body {
  font-size: calc(11px + (18 - 11) * ((100vw - 300px) / (1600 - 300)));
  line-height: calc(2em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
}
#mainwrapper header #logo {
	/* Company Logo text in header */
	width: 35%;
	float: left;
	padding-left: 2%;
	padding-top: .5em;
}
 .footer_column {
    width: 100%;
  }	
#content-desktop {display: none;}
#content-mobile {display: block;}
	
/*Dropdown Resources button in nav bar*/
.dropdown {
  float: left;
  overflow: auto;
	padding-top: .85em;
	padding-bottom: 1%;
	padding-left: 1%;
	padding-right: inherit;
}

.dropdown .dropbtn {
  background-color: #ffffff;
  color: rgba(146,146,146,1.00);
  font-family:inherit;
	letter-spacing: 1px;
	font-style: normal;
	font-weight: 325;
  font-size: .90em;
  border: none;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  font-size: .85em;
  width: 3%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
	

.lowerheaderbio img {
	width: 10%;
	height: auto;
	}
footer article {
	/* Footer articles */
	width: 95%;
	padding-left: 0%;
	padding-right: 0%;
	padding-top:1%;
	text-align: justify;
	}
footer article h4 {
	/* Footer article titles */
	text-align: center;
	font: normal  Verdana, Geneva, sans-serif;
	font-weight: 200;
}
footer article h3 {
	/* Footer article titles */
	/*font-size: 1.5em;*/
	text-align: center;
	font-family: montserrat, sans-serif;
	font-style: normal;
	font-weight: 300;
}
.textunderbanner{
		width: 91%;
		padding-left:2%;
	padding-bottom:10%;
}

.topnav a {
    display: block;
}

	
.topnav a.icon {
    float: right;
    display: none;  
  }


 /*The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */

  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    
	position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
   
	  float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive {
		position: fixed;
		height: 20%;
		width: 0;
		z-index: 1;
		top: .5em;
		right:0;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0, 0.7);
		overflow-x: hidden;
		transition: 0.3s;
	}
	
	.topnav.responsive  {float: none;}
  .topnav.responsive  {position: relative;}
  .topnav.responsive  {
    display: block;
    width: 100%;
    text-align: left;
  }
	
	
#content_capabilities { /*projects page*/
	
	width: 98%;
	position: relative;
	padding: 0 0% 0 0%;	
	text-align: center;
	}
.capabilities {
	/* Projects buttons */

	display:inline-block;
	margin: 0 0em 0 0%;
	}	
.textbelow h6{
 display: none;
}
.moreprojects {
	width: 20%;
	height: auto;
	text-align: center;
	padding: 2% 0% 10% 0%;
	}

#content_about { /*meet the kidz page*/
	clear:both;
	width: 98%;
	margin: 0 1% 12% 1%;	
	text-align: center;
	}	
.portraits img{
	display: none;
	}
.portraits{
	width: 98%;
	text-align: center;
	margin: 2% 0 0% 0%;
	}
#footerbar {
	/* Footer bar at the bottom of the page */
	height: 7%;
	padding-top:1em;
	
	}		
	
}







/********** Mobile view */
@media screen and (max-width:629px) {
body {
  font-size: calc(11px + (18 - 11) * ((100vw - 300px) / (1600 - 300)));
  line-height: calc(2em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
}	
#content-desktop {display: none;}
#content-mobile {display: block;}		
	
#mainwrapper header #logo {
	/* Company Logo text in header */
	width: 46%;
	float: left;
	padding-left: 2%;
	padding-top: .5em;
}
#mainwrapper header nav {
	/*navigation links in header */
	
	text-align: center;
	background-color: rgba(255,255,255,1.00);
	width: 100%;
	font-size: 14px;
}
	
#mainwrapper header .topnav {
	/*Nav bar containing links in header */
	padding-top: 0em;
	}

#content #mainContent #bannerImage {

	padding-top:2%;
		padding-bottom:0;
		width: 100%;
	}

 .footer_column {
    width: 98%;

  }		
	
footer article {
	/* Footer articles */
	width: 98%;
	padding-left: 0%;
	padding-right: 0%;
	padding-top:1%;
	text-align: justify;
	}
#content footer article {
	/* Each footer article */
	width: 98%;
	
}	
	footer article h3 {
	/* Footer article titles */
	/*font-size: 1.5em;*/
	text-align: center;
	font-family: montserrat, sans-serif;
	font-style: normal;
	font-weight: 300;
}
	footer article h4 {
	/* Footer article titles */
	text-align: center;
	font: normal  Verdana, Geneva, sans-serif;
	font-weight: 200;
}
	.textunderbanner{
		width: 85%;
		padding-left:8%;
	}
	
.topnav a, .dropdown .dropbtn {display: none;}
  
.topnav a.icon {
    float: right;
	display: block;
	background-color: none;
	font-size: 18px;
    margin-right: 5%;
	margin-top: -15%;
	}
	
	.topnav.responsive {
		position: fixed;
		height: 100%;
		width: 0;
		z-index: 1;
		top: .5em;
		right:0;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0, 0.7);
		overflow-x: hidden;
		transition: 0.3s;
	}
 
	
	.topnav.responsive a.icon {
	  	
		right: 0;
    	top: 0;
  }
	
 .topnav.responsive a {
    padding: 8px;
	display: block;
	transition: 0.3s;
	 background-color:rgba(0,0,0, 0.7);
  }
.topnav.responsive a:hover, .topnav.responsive a:focus{
	color: white;
	background-color:#FF6600;
	}
.topnav.responsive .dropdown {
	float: none;
	}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
.dropdown .dropbtn {
  background-color: inherit;
  color: rgba(146,146,146,1.00);
  font-family:inherit;
	letter-spacing: 1px;
	font-style: normal;
	font-weight: 325;
  font-size: .90em;
  border: none;
	padding-bottom: 1em;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ff6600;
  font-size: .85em;
  width: 3%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}	
.dropdown:hover .dropbtn {
  color:white;
	background-color: #ff6600;
}	
.pcentered h5{
  display: none !important;

}
#content_about { /*meet the kidz page*/
	clear:both;
	width: 98%;
	margin: 0 1% 12% 1%;	
	text-align: center;
	}	
.portraits img{
	display: none;
	}
.portraits{
	width: 98%;
	text-align: center;
	margin: 2% 0 2% 0%;
	}
.lowerheaderbio img {
	display: none;
	}
.capabilities img {
	display: none;	
	}	
.capabilities {
	
	width: 100%;
	text-align: center;

}
.column {
  width: 98%;
}	

#content_capabilities { /*projects page*/
	width: 98%;
	text-align: center;
	margin: 2% 0 0 0%;	
}
.projectimage {
	width: 100%;
	overflow-x:hidden;
	height: auto;
	text-align: center;
	padding: 2% 0% 2% 0%;
	}

.moreprojects {
	width: 20%;
	height: auto;
	text-align: center;
	padding: 2% 0% 10% 0%;
	}		
#footerbar {
	/* Footer bar at the bottom of the page */
	height: 4%;
	padding-top:1em;
	
	}	


}