@media screen and (max-width: 850px) {
	#wrapper {
		width:100%;
		margin-top:0;
	}
	.js #menu {
		display:none;
	}
	.js .slicknav_menu {
		display:block;
	}
	#nav {
		width:100%;
		text-align:center;
	}
	#logo {
		width:200px;
		margin-bottom:10px;
	}
	#socials {
		width:100%;
		margin-bottom:20px;
	}
	#socials img {
		width:30px;
	}
	#content {
		width:100%;
	}
	#tweets {
		display:none;
	}
	
	#content.holder {
	min-height:0;
	}
}

@media screen and (max-width: 685px) {
	#inner {
		width:95%;
		-moz-box-shadow:    none;
		-webkit-box-shadow: none;
		box-shadow:         none;
	}
	.tab { display: block; *display:block; margin-top:10px; }
	
	.tab a { line-height: 20px; }
}

@media screen and (max-width: 525px) {
	.text {
		width:100%;
	}
	.pic {
		margin-left:20px;
		margin-bottom:20px;
	}
	
	.work img 
	{
	    width:40%;
	    margin-left:5%;
	    height:auto;
	}
}

@media screen and (max-width: 340px) {
	.text {
		width:100%;
	}
	.pic {
		margin-left:20px;
		margin-bottom:20px;
	}
	
	.work img 
	{
	    width:40%;
	    height:auto;
	    margin-left:4%;
	}
}