@media only screen and (max-width: 55em) {
	button {
		font-size: 90%;
	}

/*	.top-navigation nav span {
		position: relative;
		top:0em;
	}*/
	.top-navigation {
		margin-left:0%;
		margin-right: 0%;
	}

	.top-navigation span.title {
		display: block;
		text-align: center;
	}

	.top-navigation h1 {
		width: 100%;
		text-align: center;
		display: block;
	}

	.top-navigation nav {
		text-align: center;
	}

	.top-navigation nav button:nth-child(1):before {
		content:"";
	}

	.top-navigation nav button:nth-child(2):before {
		content:"";
	}

	.top-navigation nav button:nth-child(1):after {
		content:"443 475 6299";
		width: 100%;
		display: block;
		margin-top: 0.4em;
	}

	.top-navigation nav button:nth-child(2):after {
		content:"Let's Talk";
		width: 100%;
		display: block;
		margin-top: 0.4em;
	}

	header div.dropped {
		margin-left: 4.40em;
		margin-right: 4.40em;
	}

	header div.dropped .unit-40 {
		width: 100% !important;
	}

	header div.dropped span.title {
		width: 100%;
	}

	header div.dropped span.title:after {
		content:"A + Y";
		display: block;
		text-align: center;
		width: 100%;
		-webkit-transition: color 0.3s ease-in;
		-moz-transition: color 0.3s ease-in;
		-o-transition: color 0.3s ease-in;		
	}

	header div.dropped nav {
		display: none;
	}

	.works-container {
		padding-top: 4.28em;
		padding-bottom: 20%;
	}

	.works-container article.unit-33 {
		width: 100%;
	}

	.modal-content span.project-logo {
		display: none;
	}

	.modal-content p.project-info {
		padding: 2em;
	}
/*	.modal-content ul.project-category li:nth-child(1):after, .modal-content ul.project-category li:nth-child(2):after {
		content: '+';
		color:white;
		position: relative;
		right:-35%;
	}*/

}