/*
You can add your own CSS here.

Click the help icon above to learn more.
*/
body {
	font-family: Helvetica Neue, Arial, sans-serif;
	line-height: 1.2em;
}
h2, .page-title, .single .entry-title { 	font-family: Helvetica Neue, Arial, sans-serif;
}

@media screen and (min-width: 2000px) {
	.site-content {
		max-width: 2000px;
		margin-left: auto;
		margin-right: auto;
	}
}

.front-page-block.portfolio .section-title, .page-title, .single .entry-title {
		font-style: normal;
}
.single .entry-header { margin-bottom: 1em; }
p { margin-bottom: 1em; }
.site-title { display: none; }
.site-description { display: none; }
	.site-branding-wrapper { 
	position: relative; 
	width: 100%;
	background: #ffffff;
}
.site-main { margin: 1em 0; }

.page-content-wrapper {
	display: table;
	float: left;
	width: 100%;
}

@media screen and (max-width: 767px) {
	.hide-low-res { display: none; }
}

@media screen and (min-width: 768px) {
.nav-menu > li > a:after {
	content: none;
	}
.nav-menu > li {
	margin-left: 2em;
	margin-right: 2em;
}
.main-navigation ul li { padding:0.1em;}
}

@media screen and (max-width: 767px) 
	{
#rightsidebar {
	display: none;
}
.divider { display: none; }
#secondary {
	clear: both;
}
.footer-widget-area {
	padding: 2em 1em 1em 1em;
}
.widget-area {
	color: #000;
	max-width: 356px;
	margin: auto;
	padding: 4px;
}
.widget, .textwidget {
	padding: 4px;
}
#text-12 {
	background-color: #fff;
}
.widget-area a { color: #000; }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.page-content {
	width: calc(100% - calc(202px + 4em));
	margin: 0;
	padding: 0 2em 1em 2em;
	/*float: left;*/
	display: table-cell;
		vertical-align: top;
}
.divider {
	background-color: #ccc;
	width: 1px;
	display: table-cell;
	/*float: left;*/
	vertical-align: top;
}
#rightsidebar {
	/*float: right;*/
	width: calc(203px + 2em);
	padding: 1em;
	display: table-cell;
	vertical-align: top;
}
.widget-area, .widget-area a {
	color: #000;
}
#secondary {
	display: none;
}
}
@media screen and (min-width: 1024px) {
.page-content {
	width: calc(100% - calc(339px + 4em));
	margin: 0;
	padding: 0 2em 1em 2em;
	/*float: left;*/
	display: table-cell;
		vertical-align: top;
}
.divider {
	background-color: #ccc;
	width: 1px;
	display: table-cell;
	/*float: left;*/
	vertical-align: top;
}
#rightsidebar {
	/*float: right;*/
	width: calc(340px + 2em);
	padding: 1em;
	display: table-cell;
	vertical-align: top;
}
.widget-area, .widget-area a {
	color: #000;
}
#secondary {
	display: none;
}
}
.clear { clear: both; }
.portfolio {
	clear: both;
	margin-top: 2em;
}

@media screen and (max-width: 1085px) {
#portfolio-wrapper .jetpack-portfolio {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}	
#portfolio-wrapper .jetpack-portfolio:nth-child(2n+2) {
	margin-left: auto;
	margin-right: auto;
}
}

@media screen and (min-width: 1086px) {
	#portfolio-wrapper .jetpack-portfolio {
		width: 31%;
		margin-right: 2%;
	}

.project-title {
	font-size: 100%;
}	
}
@media screen and (min-width: 1300px) {
	.project-title { font-size: 150%; }
}


@media screen and (max-width: 400px) {
.site-branding-wrapper {
	height: 76px;
}

}
@media screen and (min-width: 401px) and (max-width: 600px) {
	.site-branding-wrapper { 
	height: 114px;
}
}
@media screen and (min-width: 601px) and (max-width: 768px) {
	.site-branding-wrapper { 
	height: 146px;
}
}

@media screen and (min-width: 769px) and (max-width: 1000px)
	{
	.site-branding-wrapper { 
	height: 190px;
}
}
@media screen and (min-width: 1001px) and (max-width: 1200px)
	{
	.site-branding-wrapper { 
	height: 228px;
}
}
@media screen and (min-width: 1201px) and (max-width: 1400px)
	{
	.site-branding-wrapper { 
	height: 266px;
}
}
@media screen and (min-width: 1401px) and (max-width: 1600px)
	{
	.site-branding-wrapper { 
	height: 304px;
}
}
@media screen and (min-width: 1601px) and (max-width: 1800px)
	{
	.site-branding-wrapper { 
	height: 342px;
}
}
@media screen and (min-width: 1801px)
	{
	.site-branding-wrapper { 
	height: 380px;
}
}
	.site-branding {
	background-color: #ffffff;
	background-size: contain;
			width: 100%;
		height: 100%;
				padding: 0 !important;
		background-repeat: no-repeat;
    background-position: top center;
    position: relative;
	}