@media all and (max-width:999px) {
	.front-grid .box {
		flex-basis: 24.8%;
	}
	
	.page-container .box {
		flex-basis: 32%;
		word-break: break-word;
	}
}

@media all and (max-width:767px) {
	h1 {font-size: 24px;}
	h2 {font-size: 22px;}
	h3 {font-size: 20px;}
	h4 {font-size: 18px;}
	h5 {font-size: 17px;}
	h6 {font-size: 16px;}
	
	.front-grid .box {
		flex-basis: 33%;
		border-width: 5px;
	}
	
	.front-grid .box h2,
	.front-grid .box h1 {
		font-size:18px;
	}
	
	.page-container .aside-header,
	.page-container .main-content,
	.page-container .grid-content {width: 100%;}
	
	.breadcrumbs {max-width: 100%;}
	
	.page-container .box {
		flex-basis: 32%;
		border-width: 0px;
		border-right-width:5px;
		border-bottom-width:5px;
	}
	
	.page-container .single-project h2,
	.page-container .box h2 {font-size: 15px;}
	
	.sidebar-logo {display: none;}
	
	.site-content {width:90%; margin-left: 10%;}
	
	.wrapper {margin-top:15px;}
	
	.page-container .aside-header {padding: 0 0 10px 0;}
	
	.entry-content,.hentry {margin: 0;}
	
	.site-info {margin-left: 10%; font-size: 10px;}
	
	ul, ol {margin-left:0;}
	
	article.post .article-thumb,
	article.post .article-body {width: 100%;}
	
	.archive article {border-bottom: 1px solid #000; margin-bottom: 20px;}
	
	article.post .entry-title {font-size: 15px;}
}

@media all and (max-width:550px) {
	.front-grid .box h2,
	.front-grid .box h1 {
		font-size:15px;
		word-break: break-all;
	}
	

}

@media all and (max-width:350px) {
	.front-grid .box {
		flex-basis: 100%;
	}
	
	.front-grid .box h2,
	.front-grid .box h1 {
		font-size:18px;
	}
}