/* 
============================================================
TABLET
============================================================
*/

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


.hiddenuntiltablet {
	display: block !important;
}

.hiddenuntildesktop {
	display: none !important;
}


.project_button {

	width: 50%;
}

.grid_square_cell {
  flex-basis: 100%;
}
}

/* 
============================================================
MOBILE
============================================================
*/

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

#nav {
	margin:5px 0;
}

.lefttextmobile {
	text-align: left !important;
}


.centertextmobile {
	text-align: center !important;
}
.shiftup {
	margin-top: -2em;
}


.navigation{
	float: left;
}

.navigation li{
	width:30%;
}

.vanish {
	display:none;	
}

.hiddenuntilmobile {
	display: block;
}

.menu_button {
	margin-top: 0em !important;
}

.homebackground, .aboutbackground, .contactbackground {
	background-image:none;
	min-height: 10px;	
}
	
.homebackground, .aboutbackground,  #theteam, #beliefs, .contactbackground {
	padding:20px 0;

}

.hiddenuntiltablet {
	display: none;
}


.mobile_straighten_text {
	text-align: left !important;
}


.menu_div_top {
	height: 25%;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}



.header h1, .projects h1, .about h1, .theteam h1, .values h1, .contact h1, .apply h1, .vacancies h1 {
	font-size: 5em;
}

.header h2 {
	font-size: 1.6em;
	margin-top: .2em;
}

.header_background {
		margin: 0 ; 

} 



.header {
	padding: 10em 0 15em 0 ;
}

.suicide {
	padding: 10em 0 8em 0;
}


.project_box_content {
	padding: 2em 1em;
}

.projects h3 a {
	font-size: .8em;

}


.contact p {
	margin: -2em 0 1em 3em;
	height: 3em;
}

.contact .icon-facebook, .contact .icon-twitter, .contact .icon-youtube, .contact .icon-linkedin, .contact .icon-website, .contact  .icon-email {
	font-size: 3em;
}

.hiddenuntildesktop {
	display: none;
}