@font-face{
	 font-family:"Syntax LT W02 Roman";
	 src:url("../fonts/syntax-lt-w02-roman_1475908/d63af367-1f25-41aa-8895-fb1e61974c6d.eot?#iefix");
	 src:url("../fonts/syntax-lt-w02-roman_1475908/d63af367-1f25-41aa-8895-fb1e61974c6d.eot?#iefix") format("eot"),url("../fonts/syntax-lt-w02-roman_1475908/0fccbf8e-bedf-462f-81ad-7c7862dcebf9.woff2") format("woff2"),url("../fonts/syntax-lt-w02-roman_1475908/fc390388-adcb-4151-a939-2d080dcc0824.woff") format("woff"),url("../fonts/syntax-lt-w02-roman_1475908/042b0805-4ac1-43c9-8935-7f13efb7e8e1.ttf") format("truetype");
 }
 @font-face{
	 font-family:"Syntax LT W02 Bold";
	 src:url("../fonts/syntax-lt-w02-bold_1475920/24d0e958-f8c1-4c7b-935d-6b73c2d2fc10.eot?#iefix");
	 src:url("../fonts/syntax-lt-w02-bold_1475920/24d0e958-f8c1-4c7b-935d-6b73c2d2fc10.eot?#iefix") format("eot"),url("../fonts/syntax-lt-w02-bold_1475920/09aecf1b-9e66-467f-aa6c-28d12e8ae006.woff2") format("woff2"),url("../fonts/syntax-lt-w02-bold_1475920/44aabf56-1a66-4fc2-9ed4-047a90a1f181.woff") format("woff"),url("../fonts/syntax-lt-w02-bold_1475920/ed0a4b2e-fdce-472a-90d5-c7221dcd1fd5.ttf") format("truetype");
 }


body {
  margin: 0;
  padding: 0;
  font-family: "Syntax LT W02 Roman", sans-serif;
  color: #7a7a7a;
  font-size: 16px;
  line-height: 1.5;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  background: #fff;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
	border: 20px solid #fff;
}

#page-wrapper {
  margin: 0 auto;
  max-width: 1920px;
}

.logo {
  max-width: 350px;
}

.green-bar {
  width: 100%;
  height: 20px;
  background: #B7C72A;
}

.tile-boxx {
  display: flex;
  justify-content: center;
  align-items: center;
}

.tilex {
  display: block;
  width: 100%;
  min-height: 300px;
  background: #f5f5f5;
  /* position: relative; */
/* top: 50%; */
/* transform: translateY(-50%); */
}

.tile {
  position: relative;
  text-align: center;
  background: #f5f5f5;
  width: 100%;
  min-height: 300px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.img-teaser a {
  /*display: inline-block;*/
}

.tile .tile-overlay {
  transition: .5s ease;
  /* opacity: 0; */
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.tile .tile-overlay h3 {
  font-size: 2rem;
  font-weight: bold;
  text-shadow: 2px 2px 2px #ffffff;
}

.tile .tile-overlay a {
  display: inline-block;
	margin: 0.2rem 0;
  padding: 5px 20px;
  background: #B7C72A;
  border-radius: 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  white-space: nowrap;
}

.img-teaser:hover img {
  opacity: 0.3;
}

.img-teaser:hover .img-teaser-overlay {
  opacity: 1;
}