html{
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	max-width:100%;
}

@-ms-viewport{
  width: device-width;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
	display:block;
}

audio,canvas,progress,video{
	display:inline-block;
	vertical-align:baseline;
}

a{
	background-color:transparent;
}

a:active,a:hover{
	outline:0;
}

b,strong{
	font-weight:bold;
}

img{
	max-width:100%;
	width:1144px;
	max-height:100%;
}

svg:not(:root){
	overflow:hidden;
}

hr{
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	height:0;
}

pre{
	overflow:auto;
}

button{
	overflow:visible;
}

audio,canvas,iframe,img,svg,video{
	vertical-align:middle;
	
}

fieldset{
	border:0;
	margin:0;
	padding:0;
}

html,body{
	color:#031812;
	width:100%;
	height:100%;
	margin:0;
}

*{
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}

img{
	display:block;
	max-width:100%;
}

a{
	color:#031812;
	text-decoration:none;
	-webkit-transition:0.1s;
	transition:0.1s;
	border-bottom:1px solid #FDC43B;
}

a:link a:visited{
	border-bottom:1px solid #FDC43B;
}

a:hover a:active{
	border-bottom:1px solid #0A4A38;
}

hr{
	margin:auto;
	color:solid black 1px;
}

p{
	padding-bottom:15px;
	font-family:'Montserrat', sans-serif;
}

.comm-desc{
	margin-left:28px;
}

::-moz-selection{
	background:#FDC43B;
	text-shadow:none;
}

::selection{
	background:#FDC43B;
	text-shadow:none;
}

html,body{
	font-family:'Open Sans', sans-serif;
}

pre{
	background:#eee;
	padding:1em;
	border-radius:6px;
	display:inline-block;
}

blockquote{
	padding-left:28px;
	margin-left:0;
	border-left:3px solid #0A4A38;
}

.hide{
	display:none !important;
}

.no-scroll{
	overflow:hidden;
}

.video{
	position:relative;
	padding-bottom:56.25%;
	padding-top:25px;
	height:0;
}

.video.header-video{
	padding-top:0;
}

.video iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

hr{
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}

.main-header{
	width:100%;
	background:#ffffff;
	font-size:2rem;
}

.header-container{
	max-width:calc(1200px - 56px);
	width:calc(100% - 56px);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin:auto;
	padding:28px 0;
}

.ie .header-container{
	display:block;
	clear:both;
}

.logo{
	display:inline-block;
	width:auto;
	border-bottom:none;
}

.logo img{
	width:50%;
	max-height:auto;
	
}

.ie .logo{
	float:left;
}

.header-nav{
	width:100%;
	position:relative;
	display:inline-block;
	margin-left:auto;
	text-align:right;
}

.ie .header-nav{
	float:right;
	width:auto;
	max-width:70%;
}

.ie .header-container:after{
	content:".";
	visibility:hidden;
	display:block;
	height:0;
	clear:both;
}

.header-nav a{
	text-decoration:none;
	font-weight:bold;
	display:inline-block;
	border-bottom:3px solid transparent;
}

.header-nav>a{
	margin-left:28px;
}

.header-nav a:link,.header-nav a:visited,.header-nav a:hover,.header-nav a:active{
	color:#0A4A38
}

.header-nav a:hover,.header-nav .selected{
	border-bottom-color:#FDC43B;
}

footer{
	margin:56px auto 0;
	text-align:center;
	color:#D4D4D4;
}

footer a:link,footer a:visited{
	color:#D4D4D4;
	border-bottom:none;
}

footer a:hover,footer a:active{
	color:#D4D4D4;
	border-bottom:none;
}

.ie footer{
	clear:both;
}

.footer-bottom{
	height:28px;
	width:100%;
	background:transparent;
}

.wrapper{
	max-width:1200px;
	width:calc(100% - 56px);
	margin-left:auto;
	margin-right:auto;
	margin-top:28px;
}

.wrapper.items{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.ie .wrapper.items{
	display:block;
	clear:both
}

.inner-content{
	max-width:720px;
	width:100%;
}

.pic-name{
	
	display:block;
	margin-bottom:0px;
	padding-bottom:0px;
}

.card{
	background:#ffffff;
	margin-left:28px;
	position:relative;
}

.event-content{
	margin-top:56px;
}

.content-lower{
	margin-top:76px;
}

.title,h1,h2,h3,h4,h5,nav{
	color:#0A4A38;
	font-family:'Montserrat', sans-serif;
}

.title{
	position:relative;
	text-decoration:none;
	border-bottom:none;
	font-size:42px;
}

.title::after{
	content:'';
	left:.5em;
	bottom:0;
	position:absolute;
	width:70%;
	border-bottom:2px solid #FDC43B;
	-webkit-transition:0.3s;
	transition:0.3s;
	z-index:2;
}

.title:hover::after{
	width:calc(100% - 1em);
}

 .title.title-gallery{
	 font-size:1.65em;
	 max-width:calc(100% - 28px);
	 white-space:nowrap;
	 overflow:hidden;
	 text-overflow:ellipsis;
}

.title.title-page{
	display:inline-block;
	max-width:100%;
	padding-bottom:14px;
	margin-bottom:14px;
	margin-top:0;
}

.title.title-page::after{
	left:0;
	border-width:4px;
}
.title.title-page:hover::after{
	width:100%;
}
.title.title-inset{
	position:absolute;
	left:14px;
	top:-1em;
	background:#ffffff;
	padding:14px;
	margin:0;
}

.title.title-inset::after{
	left:14px;
}

.title.title-inset:hover::after{
	width:calc(100% - 28px);
}

.title.title-lower{
	top:0;
}

.project-item{
	position:relative;
	background:#ffffff;
	margin:0 auto 0;
	width:45%
}

.ie .project-item{
	float:left;
}

.ie .project-item.with-btn{
	margin-bottom:28px;
}

.catalogue{
	max-width:100%;
	margin:auto;
	display:inline-block;
	float:left;
}

.with-btn .btn{
	position:absolute;
	bottom:-1.5rem;
	left:28px;
	display:inline-block;
}

.main-desc{
	position:relative; 
	background:#ffffff;
	margin-bottom: 28px;
}

.project-item .main-desc p{
	margin-top:2.5rem;
	padding-bottom:2rem;
}

.imgclass{
	height:350px;
}

.img-link{
	max-width:100%
}

.project-item .image{
	position:relative;
	overflow:hidden;
}

.project-item .image>img{
	max-width:100%;
}

.desc{
	position:relative;
	width: 100%;
	padding-top:15px;
	padding-left:10px;
	float:center;
}

.main-desc .title{
	overflow:visible;
	overflow:visible;

}

.archive-container{
	width:100%;
	text-align:center;
	margin-top:56px;
	padding-bottom:calc(56px + 28px);
}

.project{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
}

.ie .project{
	display:block;
}

.images{
	margin-left:auto;
	max-width:100%;
	max-height:auto;
}
.images img{
	margin-bottom:5px;
	
}

.images img:last-child{
	margin-bottom:0;
}

.images .video{
	margin-bottom:14px;
}

.images *:last-child{
	margin-bottom:0;
}

.ie .sub-project.images{
	float:right;
}


@media only screen and (max-width: 480px){
	h1{
		font-size:2rem;
	}
	h2{
		font-size:1.625rem;
	}
	h3{
		font-size:1.375rem;
	}
	h4{
		font-size:1.125rem
	}
}

@media only screen and (min-width: 480px) and (max-width: 960px){
	h1{
		font-size:2.3rem;
	}
	h2{
		font-size:2rem;
	}
	h3{
		font-size:1.5rem;
	}
	h4{
		font-size:1.125rem;
	}
}

@media only screen and (min-width: 960px){
	h1{
		font-size:2.5rem;
	}
	h2{
		font-size:2.25rem;
	}
	h3{
		font-size:1.75rem
	}
	h4{
		font-size:1.125rem;
	}
}


@media only screen and (max-width: 667px){
	.header-container{
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
		padding:14px 0;
	}
	.main-header .logo{
		margin-bottom:14px;
	}
	.main-header{
		font-size:1.3rem;
	}
	.header-container{
		padding:14px 0;
	}
	.logo{

		margin-bottom:14px;
	}
	.ie .logo,.ie .header-nav{
		float:none;
		display:block;
		width:100%;
	}
	.header-nav{
		text-align:center;
	}
	.header-nav>a{
		margin-left:14px;
	}
	.header-nav>a:first-child{
		margin-left:0;
	}
	.project-item .desc .title{
		font-size:1.3rem;
	}
	.main-desc .title{
		font-size:1.7rem;
	}
	.wrapper{
		max-width:1200px;
		width:calc(100% - 28px);
		margin-top:14px;
	}
	.project-item{
		position:relative;
		background:#FFFFFF;
		margin:0 20px 14px;
		width:100%;
	}
	.project-item.with-btn{
		margin-bottom:48px;
	}
	.project{
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	
	.imgclass{
		max-height:auto;
		max-width:auto;
	}
	
	.img-link{
		max-height:auto;
		max-width:auto;
	}
}

@media only screen and (min-width: 668px) and (max-width: 960px){
	.main-header{
		font-size:1.5rem;
	}
	.header-nav{
		text-align:right;
	}
	.header-container{
		width:100%
	}
	.ie .logo{
		max-width:100%;
		margin-left:0;
	}
	.wrapper{
		width:calc(100% - 28px);
		margin-top:14px;
	}
	.title{
		font-size:1.5rem;
	}
	.main-desc .title{
		font-size:2.4rem;
	}
	.project-item{
		width:calc(45% - (14px / 2));
	}
	.ie .project-item{
		margin-bottom:14px;
	}
	.project-item:nth-child(2n-1){
		margin-left:auto;margin-right:0;
	}
	.project-item:nth-child(2n){
		margin-right:auto;margin-left:14px;
	}
	.ie .project-item:nth-child(2n){
		margin-left:0;
	}
	.ie .project-item:nth-child(2n-1){
		margin-left:14px;
	}
	.x3 .title{
		font-size:1.2em;
	}

	.imgclass{
		max-height:auto;
		max-width:auto;
	}
	
	.img-link{
		max-height:auto;
		max-width:auto;
	}
}

@media only screen and (max-width: 960px){
	.mobile-only{display:initial !important}
	.desktop-only{display:none !important}
}
	
@media only screen and (min-width: 960px){
	.desktop-only{
		display:initial !important;
	}
	.mobile-only{
		display:none !important;
	}
	.project-item:nth-child(2n){
		margin-left:auto;
	}
	.project-item:nth-child(2n-1){
		margin-left:0;
		margin-right:auto;
	}
	.ie .project-item:nth-child(2n){
		margin-left:28px;

	}
	.x3 .project-item{
		width:calc((45% / 3) - 5px - 14px);
	}
	.x3 .project-item .title{
		font-size:1.3em;
	}
	.x3 .project-item:nth-child(3n-1){
		margin-left:0;
		margin-right:auto;
		}
	.x3 .project-item:nth-child(3n){
		margin-left:auto;
		margin-right:auto;
	}
	.x3 .project-item:nth-child(3n-2){
		margin-left:auto;
	
	}
	.x3 .project-item .main-desc p{
		-webkit-column-count:2;
		column-count:2;
		-webkit-column-gap:56px;
		column-gap:56px;
		-webkit-column-rule:dotted 1px #DDDAD4;
		column-rule:dotted 1px #DDDAD4;
	}
	.ie .x3 .project-item:nth-child(3n-1){
		margin-right:28px;
		margin-left:0
	}
	.ie .x3 .project-item:nth-child(3n){
		margin-right:28px;
		margin-left:0;
	}
	.ie .x3 .project-item:nth-child(3n-2){
		margin-left:0;
		margin-right:0;
	}
	.ie .x3 .project-item:first-child{
		width:100%;
		margin-left:0 !important;
	}
	
	.imgclass{
		max-height:auto;
		max-width:auto;
	}
	
	.img-link{
		max-height:auto;
		max-width:auto;
	}
}