body {
	font-family: "myriad-pro", sans-serif;
	font-size: 14px;
}

	body#projekt, body#kontakt {
		overflow: hidden;
	}

	#site-container:after, header:after, content:after, content ul:after, footer:after, #project-gallery ul li:after, #info-controls:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}


	div.content {
		width: 100%;
		top: 0;
		left: 0;
		
		position: absolute;
	}
		
	
	
	
	
	header {
		display: block;
		position: relative;
		z-index: 20;
		margin: 0 75px;
	}
	
		h1 {
			float: left;
			margin: 40px 0 0 -8px;
		}
		
			h1 a {
				color: #000;
				font-size: 1.786em;
				text-transform: uppercase;
				word-spacing: -0.25em;
				font-weight: 300;
				letter-spacing: 0.04em;
				padding: 8px;
			}
				h1 a span {
					color: #85AA00;
					font-weight: 600;
				}
				
				#projekt.fullscreen h1 a, #projekt.fullscreen h1 a span, #kontakt.fullscreen h1 a, #kontakt.fullscreen h1 a span {
					color: #fff;
					text-shadow: 0 0 2px rgba(0,0,0,.5);
					-webkit-transition: all .2s ease-out;
					-moz-transition: all .2s ease-out;
					-o-transition: all .2s ease-out;
					transition: all .2s ease-out;
				}
				
				
				header #loader {
					width: 22px;
					height: 22px !important;
					float: left;
					position: relative;
					margin: 42px 0 0 7px;
					background: none;
					color: #000;
					display: block;
					overflow: hidden;
				}
				
					header #loader div.spinner {
						height: 22px;
						position: absolute;
					}
					
				
		header div#menu {
			float: right;
			display: block;
			background-color: #85AA00;
			z-index: 20;
			position: absolute;
			min-width: 120px;
			height: 35px;
			overflow: hidden;
		}

			header div#menu:hover {
				height: auto;
			}
		
			header div#menu a#nav-link {
				padding: 0 13px;
				height: 35px;
				display: block;
				line-height: 35px;
				color: #fff;
				width: 100%;
				overflow: hidden;
			}
				
				header div#menu a#nav-link span {
					background: url(../img/small-arrow-r.png) 6px 6px no-repeat;
					padding-left: 16px;
					width: 200px;
					display: block;
					
					display: none;
				}
					
			header div#menu ul {
				margin: 35px 0 25px 0;
				line-height: 1.8em;
			}
					
				header div#menu ul li {
					/*height: 1.8em;*/
					background: #85AA00;
					/*overflow: hidden;*/
				}
				
					header div#menu ul li:hover {
						height: auto;
					}
							
				header div#menu ul li a {
					padding: 0 13px;
					color: #fff;
					display: block;					
					-webkit-transition: margin-left .1s ease-out;
					-moz-transition: margin-left .1s ease-out;
					-o-transition: margin-left .1s ease-out;
					transition: margin-left .1s ease-out;
				}
				
					header div#menu ul li a:hover {
						margin-left: 3px;
						font-weight: 600;
						-webkit-transition: margin-left .1s ease-out;
						-moz-transition: margin-left .1s ease-out;
						-o-transition: margin-left .1s ease-out;
						transition: margin-left .1s ease-out;
					}
					
						header div#menu ul ul li a:hover {
							color: #fff;
							font-weight: 500;
						}
				
					header div#menu ul ul {
						margin: 0;
					}
					
					header div#menu ul ul a {
						padding-left: 25px;
						font-size: 0.929em;
						color: #e7eecc;
					}
					
						header div#menu ul ul li.current-menu-item a {
							background: url(../img/small-arrow-r.png) 13px center no-repeat;
							color: #fff;
						}
								
				header div#menu ul li:hover ul {
					font-weight: 500;
				}
					
	
	content, .box {
		display: block;
		margin: 10px 0;
		position: relative;
		z-index: 1;		
	}
	
		.box {
			margin: 80px 75px 0 75px;
			display: block;
			position: relative;
		}
		
		content.full {
			margin: 0;
		}
		
		.box ul {
			display: block;
			position: relative;
			width: 100%;
		}
		
			.box li {
				position: absolute;
				overflow: hidden;
				background: #eee;
			}
			
				.box li.hide {
					display: none;
				}
			
				.box li a img {
					width: 100%;
					height: 100%;
					position: absolute;
				}
				
				.box li a img.tn-cat-12 {
					display: none;
				}
				
				.content.category-12 .box li a img.tn-cat-12 {
					display: block;
				}
				
				.box li a span {
					width: 100%;
					height: 100%;
					display: inline-block;
					background: #85AA00;
					position: relative;
					
					display: none;
				}
					.box li a.show-loader span {
						display: block;
					}
				
					.box li a:hover span {
						display: block;
					}
					
			
			
				.box li a span h3 {
					position: absolute;
					bottom: 1em;
					left: 1em;
					padding-right: 1em;
					color: #fff;
					font-weight: 500;
					line-height: 1.2em;
				}				
		
	footer {
		margin: 0 75px 35px 75px;
		z-index: 2;
		position: relative;
	}
	
	footer ul {
		margin-top: 20px;
		font-weight: 300;
		display: inline-block;
	}
		footer ul {
			float: right;
		}
		
		footer li {
			float: left;
			font-size: 0.929em;
		}
			
			footer li:first-child {
					margin-left: -0.7em;
				}
			
				footer li:before {
					content: "|";
				}
				
				footer li:first-child:before {
					content: "";
				}
		
			footer li a {
				padding: 0.7em;
				font-weight: 500;
				color: #333;
			}
			
				footer li a:hover {
					color: #000;
					text-decoration: underline;
				}
	
	
	#projekt header, #kontakt header {
		background-color: #fff;
		padding-bottom: 15px;
		-webkit-transition: background-color .5s ease-out;
		-moz-transition: background-color .5s ease-out;
		-o-transition: background-color .5s ease-out;
		transition: background-color .5s ease-out;
		
	}
		
		#projekt.fullscreen header, #kontakt.fullscreen header {
			background-color: transparent;
			-webkit-transition: background-color .5s ease-out;
			-moz-transition: background-color .5s ease-out;
			-o-transition: background-color .5s ease-out;
			transition: background-color .5s ease-out;
		}
		
	.projekt content {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		margin: 0;
		z-index: 1;
		overflow: hidden;
	}
	
		.projekt content article {
			height: 100%;
			width: auto;
		}
		
			.projekt content article section, section#bg-video {
				height: 100%;
				overflow: hidden;
				float: left;
				position: relative;
			}
			
				.projekt content article section img, section#bg-video video, section#bg-video .grid {
					min-width: 100%;
					min-height: 100%;
					margin: auto auto;
				}
				

	
	.projekt a.gallery-nav  {
		width: 20%;
		height: 100%;
		position: fixed;
		z-index: 3;
		left: 0;
		top: 0;
		/* IE Bugfix */
		background: transparent url('this-image-doesnt-exist.jpg') no-repeat;
		
		display: none;
	}
	
		.fullscreen .projekt a.gallery-nav {
			z-index: 6;
			display: block;
		}

		.projekt #nav-right {
			left: 20%;
			width: 80%;
		}
			
			.projekt #nav-left span, .projekt #nav-right span {
				height: 45px;
				text-indent: -9999px;
				top: 50%;
				margin: 0 24px;
				display: inline-block;
				position: relative;
				background: transparent url(../img/gallery-arrow-l.png) left center no-repeat;
				opacity: 1;
				min-width: 200px;
				z-index: 999999;
				
				-webkit-transition: opacity .2s ease-out, margin .2s ease-out;  
				-moz-transition: opacity .2s ease-out, margin .2s ease-out;
				-o-transition: opacity .2s ease-out, margin .2s ease-out;
				transition: opacity .2s ease-out, margin .2s ease-out;
			}
				
			
				.projekt #nav-right span {
					background: url(../img/gallery-arrow-r.png) right center no-repeat;	
					float: right;
				}
					
					.hide-arrows #nav-right span, .hide-arrows #nav-left span {
						background: none;
					}	
		
		
			#border-right, #border-left {
				height: 100%;
				width: 75px;
				position: fixed;
				z-index: 5;
				top: -75px;
				display: block;
				right: 0;
				background: #fff;
				overflow: hidden;
				-webkit-transition: background .5s ease-out;
				-moz-transition: background-color .5s ease-out;
				-o-transition: background-color .5s ease-out;
				transition: background-color .5s ease-out;
			}
			
			#border-left {
				right: auto;
			}
			
				.fullscreen a#border-right, .fullscreen a#border-left {
					background: transparent;
					-webkit-transition: background .5s ease-out;	
					-moz-transition: background-color .5s ease-out;
					-o-transition: background-color .5s ease-out;
					transition: background-color .5s ease-out;
				}
			
				a#border-right span, a#border-left span {
					text-indent: -9999px;
					background: transparent url(../img/gallery-arrow-b-r.png) center center no-repeat;
					height: 100%;
					width: 75px;
					margin-top: 97px;
					display: block;
					-webkit-transition: background .5s ease-out;
					-moz-transition: background-color .5s ease-out;
					-o-transition: background-color .5s ease-out;
					transition: background-color .5s ease-out;
					background-position: center center;
					
					opacity: .7;
					-webkit-transition: opacity .2s ease-out;
					-moz-transition: opacity .2s ease-out;
					-o-transition: opacity .2s ease-out;
					transition: opacity .2s ease-out;
				}
				
				a#border-left span {
					background: transparent url(../img/gallery-arrow-b-l.png) center center no-repeat;
				}
				
				a#border-left:hover span, a#border-right:hover span {
					opacity: 1;
				}
				
				.fullscreen a#border-left span, .fullscreen a#border-right span {
					background: transparent;
					background-position: center center;
					-webkit-transition: background .5s ease-out;
					-moz-transition: background-color .5s ease-out;
					-o-transition: background-color .5s ease-out;
					transition: background-color .5s ease-out;
				}
				
				#kontakt a#border-left, #kontakt a#border-right {
					cursor: default;
				}
				
					.hide-arrows a#border-right span, .hide-arrows a#border-left span {
						background: transparent;
					}
				
		
		.projekt footer {
			display: block;
			background: #fff;
			bottom: 0;
			width: 100%;
			height: 75px;
			position: fixed;
			margin: 0;
			z-index: 10;
			-webkit-transition: background .5s ease-out;
			-moz-transition: background-color .5s ease-out;
			-o-transition: background-color .5s ease-out;
			transition: background-color .5s ease-out;
		}
			
			.fullscreen .projekt footer {
				background: transparent;
			}
				

	
		#project-info {
			bottom: 0;
			z-index: 5;
			margin: 0 75px;
			display: block;
		}
		
			.fullscreen #project-info {
				background: transparent;
			}
		
			#info-controls {
				height: 75px;
				position: relative;
				z-index: 11;
				width: 100%;
			}
			
				.fullscreen #info-controls {
					background: transparent;
				}
			
			a.info-label {
				margin-top: 5px;
				height: 35px;
				display: inline-block;
				line-height: 35px;
				color: #000;
				float: left;
				padding: 0 13px;
			}
			
				a.info-label:hover {
					color: #85aa00;
				}
				
				.fullscreen a.info-label {
					-webkit-transition: background .3s ease-out, margin .3s ease-out, opacity .1s ease-out;
					-moz-transition: background .3s ease-out, margin .3s ease-out, opacity .1s ease-out;
					-o-transition: background .3s ease-out, margin .3s ease-out, opacity .1s ease-out;
					transition: background .3s ease-out, margin .3s ease-out, opacity .1s ease-out;
					opacity: 1;
				}
				
					.fullscreen a.info-label:hover {
						opacity: 1;
						color: #000;
					}
				
				a#show-details {
					padding-left: 20px;
					background: url(../img/plus-icon.png) left 11px no-repeat;
					z-index: 10;
					margin-right: 1px;
					-webkit-transition: padding .3s ease-out, background .3s ease-out, opacity .1s ease-out;
					-moz-transition: padding .3s ease-out, background .3s ease-out, opacity .1s ease-out;
					-o-transition: padding .3s ease-out, background .3s ease-out, opacity .1s ease-out;
					transition: padding .3s ease-out, background .3s ease-out, opacity .1s ease-out;
				}
				
					#show-details-container {
						width: 280px;
						float: left;
					}
				
					a#show-details.visible {
						background: url(../img/minus-icon.png) left 11px no-repeat;
					}
				
					.fullscreen a.info-label#show-details {
						padding-left: 32px;
						background: #fff url(../img/plus-icon.png) 11px 11px no-repeat;
					}
					
						.fullscreen #show-details-container {
							background: transparent;
							width: 270px;
						}
					
					.fullscreen a#show-details.visible {
						background: #fff url(../img/minus-icon.png) 11px 11px no-repeat;
					}
					
						.fullscreen a#show-details-container.visible {
							background: #ffffff;
						}
				
					a#next-project {
						padding-left: 27px;
						background: #ffffff url(../img/arrow-prev.png) 11px 17px no-repeat;
						
					}
					
					a#prev-project {
						padding-left: 27px;
						background: #ffffff url(../img/arrow-next.png) 11px 17px no-repeat;
					}
					
					.fullscreen a#prev-project {
						margin-right: 1px;
					}

				a#fullscreen {
					float: right;
					padding-left: 23px;
					margin-right: -13px;
					background: url(../img/fullscreen-icon-small.png) left 11px no-repeat;
					-webkit-transition: margin .3s ease-out, padding .3s ease-out, background .3s ease-out, opacity .1s ease-out;
					-moz-transition: margin .3s ease-out, padding .3s ease-out, background .3s ease-out, opacity .1s ease-out;
					-o-transition: margin .3s ease-out, padding .3s ease-out, background .3s ease-out, opacity .1s ease-out;
					transition: margin .3s ease-out, padding .3s ease-out, background .3s ease-out, opacity .1s ease-out;
				}
					
					.fullscreen a.info-label#fullscreen {
						padding-left: 35px;
						margin-right: 0;
						background: #ffffff url(../img/close-fullscreen-icon-small.png) 11px 11px no-repeat;
					}
					
					a#pause {
						float: right;
						margin-right: 1px;
						display: none;
					}
					
						.fullscreen a#pause {
							background: #ffffff;
						}
					
						a#pause span {
							background: #85AA00;
							width: 2px;
							height: 12px;
							margin: 11px 1px 0px 1px;
							display: inline-block;
							float: left;
						}
				
			
			div#details, div#contact-info {
				margin: 15px 90px 15px 15px;
				float: left;
				background: rgba(255, 255, 255, .9);
				display: none;
				position: absolute;
			}
			
				.fullscreen div#details {
					margin: 15px 75px 15px 0px;
				}
			
				#project-info:hover div#details {
					display: block;
				}
				
					#project-info:hover div#details.js-info {
						display: none;
					}
			
				div#details section, div#contact-info section {
					float: left;
					margin-right: 10px;
					display: inline-block;
				}
		
				
					#project-info h3 {
						font-size: 1.429em;
						font-weight: 300;
						padding: 15px 15px 5px 15px;
						line-height: 1.5em;
						display: inline-block;
						float: left;
					}
					
					#project-info #project-meta {
						max-width: 250px;
						width: 250px;
						float: left;
						display: inline-block;
						padding-bottom: 15px; 
					}
					 
					
					#project-info #project-meta ul {
						clear: both;
						font-size: 0.929em;
						line-height: 1.5em;
						padding: 0 15px;
						position: relative;
						float: left;
					}	
								
						#project-info ul li {
							margin: 0;
							font-size: 1em;
							line-height: 1.5em;
							float: left;
							width: 100%;
						}
							#project-info ul li:before {
								content: "";
							}
							
							#project-info ul li:first-child {
								font-weight: 300;
								margin: 0;
							}
					
							#project-info #project-meta {
								float: left;
							}				
							
							#project-info #project-desc {
								padding: 15px;
								float: left;
								width: 35%;
								line-height: 1.3935em;
							}
							
								#project-info #project-meta a {
									padding: 0	
								}
							
								#project-info #project-desc p {
									font-size: 0.929em;
								}
								
								#project-info #project-desc p + p {
									margin-top: 1em;
								}
								
								#project-desc ul {
									margin-top: 1em;
									font-weight: 500;
								}
								
									#project-desc ul li:first-child {
										font-weight: 500;
									}
								
								#project-desc li {
									display: inline-block;
								}
								
									#project-desc li:before {
										content: "- ";
										width: 10px;
										display: inline-block;
									}
								
							#project-info #project-gallery {
								width: 340px;
								padding: 5px;
								margin: -20px 0 0 20px;
								float: right;
							}
							
								#project-info #project-gallery li {
									background: #000;
									float: left;
									width: 75px;
									height: 75px;
									margin: 5px;
									float: left;
									overflow: hidden;
									padding: 0;
									position: relative;
								}
									
									#project-info #project-gallery img {
										width: 160%;
										margin-left: -30%;
										position: absolute;
										top: 0; 
										left: 0; 
										/* Werte basierend auf einem Seitenverhältnis von (1440 x 900 px) => 1,6 */
									}
									
									#project-info #project-gallery img:hover {
										opacity: .5;
									}
									
									#project-gallery li a {
										padding: 0;
									}
			
			@media screen and (max-width: 1230px) {
				#project-info #project-gallery {
					width: 255px;
				}
				
				#project-info #project-desc {
					width: 30%;
				}
			}
			
			
			
						
			@media screen and (max-width: 1000px) {
			
				div#details section {
					float: none;
					clear: both;
					display: block;
					margin-right: 0;
					margin-bottom: 10px;
					width: 100%;
				}
				
				#project-info #project-desc {
					width: auto;
				}
				
				#project-info #project-gallery {
					float: left;
					margin: -15px 5px 5px 5px;
					width: auto;
				}
				
				#project-info #project-meta {
					max-width: none;
				}
				
			}
		
		
	div#load-notice, #ie-msg {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 9999;
		background: #fff;
		top: 0;
		left: 0;
		display: none; /* Wird zu TABLE-CELL, nicht BLOCK !!! */
		text-align: center;
	}
	
		div#load-notice p, #ie-msg p {
			display: table-cell;
			vertical-align: middle;
			line-height: 1.2em;
			color: #bbb;
		}
			
			div#load-notice p span, #ie-msg p span {
				font-size: 1.786em;
				font-weight: 300;
				letter-spacing: 0.04em;
				display: block;
			}
	
				div#load-notice p span span, #ie-msg p span span {
					font-weight: 600;
					font-size: 1em;
					display: inline;
				}
				
	
	img.stage-img {
		width: 100%;
		position: relative;
	}
	
	h2 {
		margin: 50px 0 20px 0;
		font-size: 1.143em;
		font-weight: 600;
		line-height: 1.5em;
		width: 100%;
	}
	
		h2 span {
			display: block;
			font-weight: 300;
		}
		
		section#text {
			width: 66%;
			-webkit-column-count: 2; 	-webkit-column-gap: 30px;
			-moz-column-count: 2; 		-moz-column-gap: 30px;
			column-count: 2;			column-gap: 30px;
			
			column-fill: balance; /* W3C */
			-webkit-column-fill: balance; /* Safari & Chrome */
			-moz-column-fill: balance; /* Firefox */
			-ms-column-fill: balance; /* Internet Explorer */
			-o-column-fill: balance; /* Opera */
			
			
			height: 230px;
			float: left;
			line-height: 1.4em;
			color: #333;
			margin-bottom: 50px;
		}
		
			section#text p {
				margin-bottom: 1em;
			}
		
		section#leistungen-uebersicht {
			float: right;
			width: 33%;
			font-size: 1.143em;
			line-height: 1.5em;
			text-align: right;
			margin-bottom: 50px;
		}
		
			#leistungen-uebersicht h3 {
				font-weight: 600;
				margin-bottom: 0.5em;
			}
			
			#leistungen-uebersicht ul {
				height: auto;
			}
			
			#leistungen-uebersicht ul li {			
				font-weight: 300;
				position: static;
				overflow: auto;
				background: none;
			}
			
				section.team {
					display: block;
					float: left;
					width: 100%;
					margin-top: -10px;
				}
			
				
				section.team article {
					float: left;
					display: inline-block;
				}
				
					section.team article div {
						/* Ist nur Container für die Infos */
						display: none;
					}
				
					section.team article img {
						width: 90px;
						height: 90px;
						margin-right: 10px;
					}
					
					section.team img {
						margin-bottom: 8px;
						opacity: .5;
						-webkit-transition: opacity .3s ease-in-out;
						-moz-transition: opacity .3s ease-in-out;
						-o-transition: opacity .3s ease-in-out;
						transition: opacity .3s ease-in-out;
					}
						
						section.team article.active img {
							opacity: 1;
						}
					
					section#team-bio {
						display: block;
						width: 100%;
						float: left;
						margin: 35px 0 50px 0;
					}
					
						#team-bio h3 {
							font-weight: 600;
							margin-bottom: 7px;
						}
						
						#team-bio p {
							line-height: 1.2em;
							width: 400px;
						}



					#kontakt #bg-video-content {
						margin-top: -63px;
					}
					
		
		
					div#contact-info {
						display: block;
						bottom: 75px;
						left: 75px;
						padding: 20px;
					}
					
						div#contact-info section {
							width: 33%;
							margin: 0;
							padding: 0;
							position: relative;
						}
						
						div#contact-info #contact-title {
							font-size: 20px;
							font-weight: 300;
						}
						
						div#contact-info ul {
							display: inline-block;
							float: left;
							width: 100%;
							position: relative;
							margin-bottom: 14px;
							margin-top: 5px;
						}
						
							div#contact-info ul li {
								width: 100%;
								display: block;
								margin: 0;
								padding: 0;
								line-height: 1.5em;
								font-weight: 500;
							}
							
								div#contact-info ul#contact-chefs li {
									font-weight: 600;
								}
							
								div#contact-info ul li:before {
									content: "";
								}
								
									div#contact-info ul li a {
										margin: 0;
										padding: 0;
									}
									
										div#contact-info ul li a:hover {
											text-decoration: none;
										}
									
								div#contact-info ul#contact-numbers li span {
									width: 2em;
									display: inline-block;
								}	
									
	
		
		section.publications {
			margin-bottom: 25px;
			
			/*
			-webkit-column-count: 3; 	
			-webkit-column-gap: 30px;
			-moz-column-count: 3; 		
			-moz-column-gap: 30px;
			column-count: 3;			
			column-gap: 30px;
			*/
	
			
		}	
					
					
		section.publications dl {
			
			line-height: 1.2em;
			width: 30%;
			margin-left: 3%;
			float: left;
					}
					
		section.publications dl:first-child { margin-left: 0; }
		
			#team-bio dl {
				line-height: 1.2em;
				margin-top: 30px;
				width: 480px;
			}
		
			.publications dt, #team-bio dt {
				float: left;
				color: #85AA00;
				width: 12%;
			}
			
				#team-bio dt {
					width: 80px
				}
			
			.publications dd, #team-bio dd {
				float: left;
				display: inline-block;
				width: 88%;
				margin-bottom: 1em;
			}
			
				#team-bio dd {
					width: 400px;
					line-height: 1.3em;
				}
		
		
			
			
	#impressum div.col, #jobs div.col {
		width: 50%;
		float: left;
		margin-bottom: 50px;
		line-height: 1.3em;
	}		
	
		#impressum h4 {
			font-weight: 600;
			margin: 2em 0 1em 0;
			color: #85aa00;
		}
			
			#impressum p, #jobs .col p {
				color: #333;
			}
			
			#impressum #lcol p, #jobs .col p {
				margin: .65em 0;
			}
			
			#impressum #lcol p:first-child {
				margin-top: 0;
			}
			
				#impressum #lcol a, #jobs .col a {
					color: #85AA00;
				}
				
	#jobs .col { padding-top: 2em; }
	
	#jobs .col p { line-height: 1.45em; margin: 1em 0; }
	
	#jobs strong { font-weight: bold; }
					
	
	#kontakt #menu-footer-menu {
		margin-right: 85px;
		line-height: 75px;
		margin-top: 0;
	}	
			


	div#words-container {
		width: 100%;
		display: block;
		position: relative;
		overflow: hidden;
	}
	
		div#words-container span {
			position: absolute;
			display: block;
			opacity: .7;
			display: none;
		}
	

#item-jobs {
	font-size: 120%;
}
	
#item-jobs a {
	display: block;
	width: 100%;
	height: 100%;
	background: #85AA00;
	color: #fff;
	position: relative;
}

#item-jobs a span {
	display: block !important;
	position: absolute;
	top: 15px;
	right: 20px;
	text-align: right;
	line-height: 1.4em; 
	width: auto;
	height: auto;
}

#item-jobs a span.b {
	top: auto;
	bottom: 10px;
}

.text-main {
	margin-top: 150px;
	font-size: 48px;
	font-weight: 200;
	line-height: 1.1;
}
.text-suffix {
	margin-top: 100px;
	margin-bottom: 50px;
	font-size: 32px;
	font-weight: 200;
	line-height: 1.2;
}