#masthead{
	margin:0;
	padding:30px 0;
}

.project-meta-item-desc{
	font-family:"Jost",sans-serif;
	font-weight:400;
}
.contourGris{
	border:1px solid #F5F5F5;
}
.project{
	border:1px solid #F5F5F5;
	padding:5px;
	box-sizing:border-box;
}
.project-header h2{
	text-transform:uppercase;
	font-size:1.1em;
	font-family:"Jost",sans-serif;
	font-weight:400;
}
.project-categories a{
	margin-left:2px;
	font-family:"Jost",sans-serif;
	font-size:1.1em;
	color:#000;
	font-weight:500;
}
#primary > nav > div > a{
	width:48px;
}

#primary > nav > div > a.all{
	width:160px;
}
.project-meta-item-name,.jp-relatedposts-post,.menu-item-type-custom {
	font-size:1em;
	font-family:"Jost",sans-serif;
}
.site-info{
	display:none;
}

.menu-social-container a[href*='pinterest.com']:before {content: '\e814';}
.menu-social-container a[href*='pinterest.com']:hover,.menu-social-container a[href*='pinterest.com']:hover:before {
	color: #c8232c;
}

.menu-social-container a[href*='instagram.com']:before {
	content: '\e810';
}
.menu-social-container a[href*='instagram.com']:hover,.menu-social-container a[href*='instagram.com']:hover:before {
	color: #f1c92c;
}
#primary-menu,.menu-item>a,.menu-item>a:hover{
	font-weight:400;
	line-height:1em;
}

a.prev:hover, a.next:hover{
	color:#ff6600;}
/**
 * Media Queries
 */

.main-navigation a:hover,
.main-navigation a:focus{
	font-family:"Jost",sans-serif;
	color: #585858;
	background-color:#fff0c8;
	text-decoration:none;
}
.main-navigation a:active {
	font-family:"Jost",sans-serif;
	color: #585858;
	background-color:#ffe186;
	text-decoration:none;
}
.current-menu-item{
		background-color:#ffe186;
		color:#585858;
	border:0px solid #ffe186;
	font-family:"Jost",sans-serif;
}

	input[type='submit'].wpcf7-submit{
	font-family:"Jost",sans-serif;
		font-weight:600;
		background-color:#000;
		color:#FFF;
	}
	input[type='submit'].wpcf7-submit:hover{
	font-family:"Jost",sans-serif;
		font-weight:600;
		background-color:#FFF;
		color:#000;
		border:2px solid black;
	}
}
.page-numbers.current{
	font-family:"Jost",sans-serif;
		background-color:#9fc9c9;
		color:#000;
	  opacity:1;
		border-color:#9fc9c9;	
}

@media screen and (min-width: 768px) {
	h1 {
		font-size: 1.75em;
	}

	blockquote {
		margin: 3rem;
	}

	blockquote.alignleft {
		float: left;
		max-width: 50%;
		margin: 3em 1.5em 3em 0;
	}

	blockquote.alignright {
		float: right;
		max-width: 50%;
		margin: 3em 0 3em 1.5em;
	}

	.site-header {
		margin-bottom: 0;
	}

	a.custom-logo-link {
		margin: 0;
	}

	.site-header {
		padding: 3em 0;
	}

	.site-description {
	font-family:"Jost",sans-serif;
		margin-bottom: 0;
		font-size:1em;
		text-transform:uppercase;
	}

	.site-footer {
		padding: 1.5em 0;
	}

	.main-navigation {
		width: auto;
	}

	.main-navigation ul {
		display: block;
		float: right;
		margin: 0 -0.75em;
		padding: 0.75em 0;
		list-style: none;
	}

	.main-navigation ul ul {
		float: left;
		position: absolute;
		z-index: 99999;
		top: 3em;
		left: -999em;
		padding: 0;
		background-color: #ffe186;
		box-shadow: 0 2px 25px 3px rgba(0, 0, 0, 0.1);
	}

	.main-navigation ul ul ul {
		top: 0;
		left: -999em;
	}

	.main-navigation ul ul li {
		box-shadow: 0 13px 0 -12px rgba(88, 88, 88, 0.2);
	}

	.main-navigation ul ul li:last-child {
		box-shadow: none;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
	}

	.main-navigation ul ul a {
		width: 12em;
		padding: 0.75em 1em;
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: auto;
	}

	.main-navigation li {
		float: left;
		position: relative;
		margin-bottom: 0;
	}

	.main-navigation a {
		padding: 0.75em;
	}

	.menu-toggle {
		display: none;
	}

	.pagination {
		margin-bottom: 3em;
	}

	.pagination .page-numbers {
		width: 3em;
	}

	.pagination .page-numbers.all {
		width: auto;
		padding-right: 1em;
		padding-left: 1em;
	}

	.pagination .page-numbers.all span {
		display: inline;
	}

	.pagination .page-numbers.all:before {
		display: none;
	}

	.blog .pagination {
		padding-top: 3em;
	}

	.page-template-portfolio .pagination {
		max-width: 100%;
		border-top: none;
	}

	.widget {
		margin-bottom: 3em;
	}

	.page-title {
		font-size: 28px;
		font-size: 1.75rem;
	}

	.entry-title {
		font-size: 28px;
		font-size: 1.75rem;
	}

	.post-thumbnail {
		margin: 0 0 3em;
	}

	.entry-meta-item.cat-links {
		display: block;
	}

	.comment-navigation {
		margin-bottom: 3em;
	}

	.project-header {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 9%;
		padding-top:3px;
		background: linear-gradient(#FFF -50%, rgba(255,255,255, 0.8) 80%);
	}

	.has-post-thumbnail .project-header {
		opacity: 0;
		pointer-events: none;
	}

	.portfolio-grid-col-2 .project-title {
		font-size: 20px;
		font-size: 1.25rem;
	}

	.portfolio-grid-col-2 .project-categories {
		font-size: 16px;
		font-size: 1rem;
	}

	.portfolio-grid-col-3 .project-categories {
		font-size: 16px;
		font-size: 1rem;
	}

	.blog .post,
	.archive .post {
		margin-bottom: 4.5em;
	}

	.single-portfolio .hentry,
	.single-jetpack-portfolio .hentry {
		margin-bottom: 1.5em;
	}

	.page-template-portfolio .page {
		margin-bottom: 1.5em;
	}

	.page-template-portfolio .entry-header,
	.page-template-portfolio .entry-content,
	.page-template-portfolio .comments-area {
		margin-left: 0;
	}

	.error404 .content-area {
		float: none;
		margin: 0 auto;
	}
	.project {
		margin-bottom: 0%;
	}
		.project-header{
		padding-top:1px;
	}

	.portfolio-grid-col-2 .project {
		float: left;
		width: 50%;
		margin-right: 0%;
	}

	.portfolio-grid-col-2 .project:nth-of-type(2n) {
		margin-right: 0;
	}

	.portfolio-grid-col-3 .project {
		float: left;
	width: 33.33334%;
		margin-right: 0%;
	}

	.portfolio-grid-col-3 .project:nth-of-type(3n) {
		margin-right: 0;
	}
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation a:active {
	color: #000;
}

	.portfolio-grid-col-4 .project {
		float: left;
		width: 25%;
		margin-right: 0%;
	}

	.portfolio-grid-col-4 .project:nth-of-type(4n) {
		margin-right: 0;
	}
p{line-height:1.5em;}

.site-description{
	font-size:0.85em;
	width:350px;
	font-family:"Jost",sans-serif;
	text-transform:uppercase;
	}
	.pagination .page-numbers .current{
		color:#585858;
	}
	.pagination .page-numbers .current:hover{
		color:#585858;
	}
	
.pagination .page-numbers:hover, .pagination .page-numbers:focus {
    border-color: #ffe186;
    background-color: #ffe186;
		color:#585858;

}
.project-thumbnail {
	box-shadow:none;
}
.project-thumbnail:hover {
	box-shadow:none;
	background-color:#fff;
}
.grid{
	display:grid;
	grid-template-columns:30% 70%;
	grid-column-gap:1em;
}
.main-navigation {
	font-family:"Jost",sans-serif;
	font-size:1.1em;
	text-transform:uppercase;
}

h1{
	font-family:"Jost",sans-serif;
	font-size:1.2em;
	text-transform:uppercase;}
h2{letter-spacing:0px;
  text-transform:uppercase;
	font-family:"Jost",sans-serif;
	font-size:1.4em;
	font-weight:400;
	
}

h3{
	font-family:"Jost",sans-serif;
	font-weight:600;
		font-size:1.3em;
}
p{
	font-family:'Bariol',sans-serif;
	font-weight:400;
		font-size:1em;
}
.site-info{
	font-family:"Jost",sans-serif;
	font-weight:400;
	font-size:12px;
}
a{
	font-weight:bold;
}
	.pagination .page-numbers.prev:hover, .pagination .page-numbers.next:hover{
	color:transparent;
}

}

@media screen and (min-width: 1024px) {
	.content-area {
		float: left;
		width: 74.09639%;
		max-width: 74.09639%;
		margin-right: 3.61446%;
	}

	.no-sidebar .content-area {
		width: 100%;
		max-width: 100%;
		margin-right: 0;
	}

	.widget-area {
		float: right;
		width: 22.28916%;
		margin-right: 0;
	}

	.site-info {
		float: right;
		width: 30.92369%;
		margin-right: 0;
		text-align: right;
	}

	.footer-navigation {
		float: left;
		width: 69.07631%;
	}

	.footer-navigation ul {
		margin-top: 0;
	}

	.pagination {
		max-width: 100%;
	}

	.page-header {
		max-width: 100%;
		margin-bottom: 3em;
	}

	.comment-list,
	.form-submit {
		margin-bottom: 3em;
	}

	.portfolio-grid-col-3 .project-title {
		font-size: 18px;
		font-size: 1.125rem;
	}

	.blog .entry-header,
	.archive .entry-header,
	.single-post .entry-header {
		float: right;
		width: 65.04065%;
		max-width: 100%;
		margin: 0;
	}

	.blog .entry-content,
	.blog .entry-footer,
	.blog .comments-area,
	.blog .post-navigation,
	.archive .entry-content,
	.archive .entry-footer,
	.archive .comments-area,
	.archive .post-navigation,
	.single-post .entry-content,
	.single-post .entry-footer,
	.single-post .comments-area,
	.single-post .post-navigation {
		float: right;
		width: 65.04065%;
		max-width: 100%;
		margin-right: 0;
		margin-left: 0;
		padding-right: 0;
	}

	.blog .entry-meta,
	.archive .entry-meta,
	.single-post .entry-meta {
		float: left;
		width: 30.0813%;
		margin-right: 4.87805%;
	}

	.blog.no-sidebar .entry-header,
	.archive.no-sidebar .entry-header,
	.single-post.no-sidebar .entry-header {
		width: 74.09639%;
		padding-right: 25.90361%;
	}

	.blog.no-sidebar .entry-meta,
	.archive.no-sidebar .entry-meta,
	.single-post.no-sidebar .entry-meta {
		float: left;
		width: 22.28916%;
		margin-right: 3.61446%;
	}

	.blog.no-sidebar .entry-content,
	.blog.no-sidebar .entry-footer,
	.blog.no-sidebar .comments-area,
	.blog.no-sidebar .post-navigation,
	.archive.no-sidebar .entry-content,
	.archive.no-sidebar .entry-footer,
	.archive.no-sidebar .comments-area,
	.archive.no-sidebar .post-navigation,
	.single-post.no-sidebar .entry-content,
	.single-post.no-sidebar .entry-footer,
	.single-post.no-sidebar .comments-area,
	.single-post.no-sidebar .post-navigation {
		width: 74.09639%;
		padding-right: 25.90361%;
	}

	.page-template-default .hentry {
		margin-bottom: 1.5em;
	}

	.page-template-default .entry-header,
	.page-template-default .entry-content,
	.page-template-default .comments-area {
		float: left;
		margin-left: 0;
	}

	.page-template-fullwidth .hentry {
		margin-bottom: 1.5em;
	}

	.page-template-centered .hentry,
	.page-template-blog-archives .hentry {
		margin-bottom: 1.5em;
	}

	.single-portfolio .project-excerpt,
	.single-portfolio .project-meta,
	.single-jetpack-portfolio .project-excerpt,
	.single-jetpack-portfolio .project-meta {
		float: left;
		width: 48.19277%;
		margin-right: 3.61446%;
	}

	.single-portfolio .project-meta table,
	.single-jetpack-portfolio .project-meta table {
		float: right;
		margin-bottom: 1.5em;
	}

	.single-portfolio .project-meta,
	.single-jetpack-portfolio .project-meta {
		margin-right: 0;
	}

	.single-portfolio.no-excerpt .project-meta table,
	.single-jetpack-portfolio.no-excerpt .project-meta table {
		float: left;
	}

	.single-portfolio .project-meta-item-name,
	.single-jetpack-portfolio .project-meta-item-name {
		text-align: right;
	}

	.search .search-form,
	.search .entry-header,
	.search .entry-summary {
		max-width: 100%;
		margin-left: 0;
	}

	#infinite-handle {
		max-width: 100%;
	}
}

@media screen and (min-width: 1140px) {
	.site {
		padding-right: 72px;
		padding-left: 72px;
	}
}


@media screen and (min-width: 415px) {
	.project:before {
		background-color:#fff;
	}
	
	.project-header{
		padding:5%;
		box-sizing:border-box;
	}	
.project-title{
		margin-top:4px;
	}
.project-thumbnail {
	padding:0px;
	box-sizing:border-box;
	box-shadow:none;
}
.project-thumbnail img{
	border:0;
	}

	.project-title{
		font-size:0.9rem;
	}
	.footer-navigation ul {
		float: left;
		margin-left: -0.75em;
	}

	.footer-navigation li {
		float: left;
		margin-bottom: 0;
	}

	.footer-navigation a {
		padding: 0 0.75em;
	}

	.pagination .page-numbers {
		display: inline-block;
	}

	.project {
		float: left;
		width: 50%;
		margin-right: 0%;
		
	}

	.project-thumbnail img{
		border:0;
	}

	.project:nth-of-type(2n) {
		margin-right: 0;
	}

.entry-content p img{
	border:0px solid #E4E4E4;
}