.container {
 background-color: rgba(0, 0, 0, 0);
}

.noscroll {
	overflow: hidden;
}

.grid-wrap {
	margin: 10px auto 0;
	max-width: 1090px;
	width: 100%;
	padding: 0;
	-webkit-perspective: 1500px;
	perspective: 1500px;
}

.grid {
	position: relative;
	-webkit-transition: all 0.5s cubic-bezier(0,0,0.25,1);
	transition: all 0.5s cubic-bezier(0,0,0.25,1);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.bg-about {
  width: 100%;
  padding: 0 60px;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.view-full .grid {
	-webkit-transform: translateZ(-1500px);
	transform: translateZ(-1500px);
}

.grid figure,
.grid .placeholder {
	width: 340px;
	height: 300px;
}

.grid figure {
  position: relative;
	margin: 10px;
	display: inline-block;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.grid figure.bg-icon {
  padding: 3px;
  width: 100px;
	height: 100px;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #242e30;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.bg-icon > div {
  color: #242E30;
  font-size: 0.7em;
  margin-top: 5px;
}

figure.bg-icon:hover div {
  color: rgb(0, 0, 0);
}

figure.bg-icon:hover {
  border: 1px solid rgba(0, 0, 0, 1);
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

figure.bg-icon img {
	display: block;
	width: 50%;
  opacity: 0.6;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

figure.bg-icon:hover img {
  opacity: 0.9;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.og-close {
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.og-close::before,
.og-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 0;
	height: 1px;
	background: #989595;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
  right: 0;
}

.og-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.og-close:hover::before,
.og-close:hover::after {
	background: #ffffff;
}

.grid-hover {
	position: absolute;
	display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
	top: 10px;
	height: 300px;
	width: 340px;
	background-color: rgba(0,0,0,0);
	color: transparent;
}
.grid-hover:hover {
	background-color: rgba(0,0,0,0.6);
	color: white;
}

.grid figure.active {
	opacity: 1;
}

.grid .placeholder {
	pointer-events: none;
	position: absolute;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.placeholder > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.placeholder .front img {
	width: 100%;
	height: 100%;
}

.placeholder .back {
	background: white;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.view-full .placeholder {
	-webkit-transition: all 0.5s 0.1s cubic-bezier(0,0,0.25,1);
	transition: all 0.5s 0.1s cubic-bezier(0,0,0.25,1);
}

.vertical .view-full .placeholder {
	-webkit-transform: translateZ(1500px) rotateX(-179.9deg);
	transform: translateZ(1500px) rotateX(-179.9deg); /* FF, Chrome, can we agree on one direction, pleeease? */
}

.horizontal .view-full .placeholder {
	-webkit-transform: translateZ(1500px) rotateY(-179.9deg);
	transform: translateZ(1500px) rotateY(-179.9deg);
}

.content,
.loading {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none; /* Careful, does not work in IE < 11 http://caniuse.com/#search=pointer-events */
}

.content {
	overflow-y: scroll;
	height: 0; /* What seems to be the problem, officer? Well, we have a second scroll bar in Chrome! */
	background: #fff;
	visibility: hidden;
	z-index: 400;
	-webkit-overflow-scrolling: touch;
}

.loading {
	opacity: 0;
	z-index: 1;
	background: transparent url(../img/loading/preloader.gif) no-repeat center center;
	-webkit-transform: scale(0.4);
	transform: scale(0.4);
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
}

.loading.show {
	opacity: 1;
	-webkit-transform: scale(0.4);
	transform: scale(0.4);
}

.content.show {
	height: auto;
	pointer-events: auto;
	visibility: visible;
	background-color: #262626;
}

.content > div {
	z-index: 10;
	position: absolute;
	top: 0;
	width: 100%;
	overflow: hidden;
	height: 0;
	opacity: 0;
  padding-bottom: 50px;
}

.content > div.show {
	height: auto;
	opacity: 1;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

.icon:before {
	font-family: 'fontawesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.close-content {
  display: block;
	position: fixed;
	z-index: 100000;
	top: 80px;
	right: 10px;
	font-size: 1.6em;
	font-weight: lighter;
	cursor: pointer;
	pointer-events: none;
	padding: 0;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.close-content:hover .og-close {
	color: #ffffff;
	font-weight: 300;
}

.content > div.show ~ .close-content {
	opacity: 1;
	pointer-events: auto;
}

.dummy-img,
.dummy-text {
  color: #b3b3b3;
	max-width: 600px;
	width: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
}
.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.videos {
  max-width: 600px;
  padding: 0 15px;
  margin: 50px auto 20px;
}
.videos:first-child {
  max-width: 600px;
  padding: 0 15px;
  margin: 115px auto 20px;
}
.grid3d > .content > h2 {
  color: rgb(88,88,88);
}

p.title {
	color: #b3b3b3;
	font-size: 1.5em;
	font-weight: 700;
  padding-bottom: 0;
}

.content > div > .dummy-text:first-child {
	font-weight: 700;
}

.vertical .dummy-img,
.vertical .dummy-text {
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
}

.horizontal .dummy-img,
.horizontal .dummy-text {
	-webkit-transform: translateX(-100px);
	transform: translateX(-100px);
}

.content > div.show .dummy-img,
.content > div.show .dummy-text {
	opacity: 1;
}

.vertical .content > div.show .dummy-img,
.vertical .content > div.show .dummy-text {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.horizontal .content > div.show .dummy-img,
.horizontal .content > div.show .dummy-text {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

p.dummy-text:nth-child(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

p.dummy-text:nth-child(3) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

p.dummy-text:nth-child(4) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

p.dummy-text:nth-child(5) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

p.dummy-text:nth-child(6) {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

p.dummy-text:nth-child(7) {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

p.dummy-text:nth-child(8) {
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}

p.dummy-text:nth-child(9) {
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}

p.dummy-text:nth-child(10) {
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}
p.dummy-text:nth-child(11) {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

p.dummy-text:nth-child(12) {
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}

.dummy-img:nth-child(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.dummy-img:nth-child(3) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.dummy-img:nth-child(4) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.dummy-img:nth-child(5) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.dummy-img:nth-child(6) {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.dummy-img:nth-child(7) {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.dummy-img:nth-child(8) {
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
.dummy-img:nth-child(9) {
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
.dummy-img:nth-child(10) {
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}
.dummy-img:nth-child(11) {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.dummy-img:nth-child(12) {
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}
.dummy-img:nth-child(13) {
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
.dummy-img:nth-child(14) {
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s;
}
.dummy-img:nth-child(15) {
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;
}
.dummy-img:nth-child(16) {
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
.dummy-img:nth-child(17) {
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
}
.dummy-img:nth-child(18) {
	-webkit-transition-delay: 1.7s;
	transition-delay: 1.7s;
}
.dummy-img:nth-child(19) {
	-webkit-transition-delay: 1.8s;
	transition-delay: 1.8s;
}
.dummy-img:nth-child(20) {
	-webkit-transition-delay: 1.9s;
	transition-delay: 1.9s;
}
.dummy-img:nth-child(21) {
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}
.dummy-img:nth-child(22) {
	-webkit-transition-delay: 2.1s;
	transition-delay: 2.1s;
}
.dummy-img:nth-child(23) {
	-webkit-transition-delay: 2.2s;
	transition-delay: 2.2s;
}
.dummy-img:nth-child(24) {
	-webkit-transition-delay: 2.3s;
	transition-delay: 2.3s;
}
.dummy-img:nth-child(25) {
	-webkit-transition-delay: 2.4s;
	transition-delay: 2.4s;
}
.dummy-img:nth-child(26) {
	-webkit-transition-delay: 2.5s;
	transition-delay: 2.5s;
}
.dummy-img h2,
.dummy-img h3 {
  margin: 0;
  padding: 0;
}
.dummy-img {
  display: flex;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
	margin: 20px auto 10px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 200px;
}
.dummy-img:first-child {
  margin: 110px auto 10px;
}
.sub-title {
  font-size: 2em;
  margin: 80px 0 0;
}
.team div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: right;
}
h2.sub-title:first-child {
  margin: 100px 0 0;
}
h2.sub-title {
  font-family: arial;
  font-size: 1.6em;
  font-weight: 600;
  margin: 50px 0 0;
  text-transform: uppercase;
  color: #949393;
}
.team a {
  opacity: 0.3;
  padding: 5px;
  -webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.team a:hover {
  opacity: 1.0;
  -webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.team a img {
  height: 25px;
}
.team span {
  font-size: 0.8em;
  font-style: italic;
  color: rgb(232, 232, 232);
}
.geschichte {
  background-image: url(../img/firma/geschichte.jpg);
}
.firmenmotto {
  background-image: url(../img/firma/motto.jpg);
}
.reto {
  background-image: url(../img/team/reto.jpg);
}
.ivan {
  background-image: url(../img/team/ivan.jpg);
}
.philipp {
  background-image: url(../img/team/philipp.jpg);
}
.patrizia{
  background-image: url(../img/team/patrizia.jpg);
}
.erika {
  background-image: url(../img/team/erika.jpg);
}
.sabrina {
  background-image: url(../img/team/sabrina.jpg);
}
.bruno {
  background-image: url(../img/team/bruno.jpg);
}
.marcel {
  background-image: url(../img/team/marcel.jpg);
}
.roland {
  background-image: url(../img/team/roland.jpg);
}
.christian {
  background-image: url(../img/team/christian.jpg);
}
.yves {
  background-image: url(../img/team/yves.jpg);
}
.steven {
  background-image: url(../img/team/steven.jpg);
}
.heiko {
  background-image: url(../img/team/heiko.jpg);
}
.kevin {
  background-image: url(../img/team/kevin.jpg);
}
.sejdi {
  background-image: url(../img/team/sejdi.jpg);
}
.ati {
  background-image: url(../img/team/ati.jpg);
}
.fabian {
  background-image: url(../img/team/fabian.jpg);
}
.musa {
  background-image: url(../img/team/musa.jpg);
}
.arian {
  background-image: url(../img/team/arian.jpg);
}
.sven {
  background-image: url(../img/team/sven.jpg);
}
.morris {
  background-image: url(../img/team/morris.jpg);
}
.chiron {
  background-image: url(../img/team/chiron.jpg);
}
.marc {
  background-image: url(../img/team/marc.jpg);
}
.jonas {
  background-image: url(../img/team/jonas.jpg);
}
.philippe {
  background-image: url(../img/team/philippe.jpg);
}
.ermias {
  background-image: url(../img/team/ermias.jpg);
}
.raeumlichkeiten {
  background-image: url(../img/firma/rooms.jpg);
}
.qualitaet {
  background-image: url(../img/sponsoring/fc-freienbach.jpg);
}
.engagement {
  background-image: url(../img/sponsoring/fc-freienbach.jpg);
}
.ausbildung {
  background-image: url(../img/firma/ausbildung.jpg);
}
.bold {
  font-weight: 700;
  line-height: 2;
}
.stellen {
  background-image: url(../img/firma/job.jpg);
}
.beratung {
  background-image: url(../img/kompetenzen/beratung.jpg);
}
.planung {
  background-image: url(../img/kompetenzen/planung.jpg);
}
.neubau {
  background-image: url(../img/kompetenzen/neubau.jpg);
}
.umbau {
  background-image: url(../img/kompetenzen/umbau.jpg);
}
.industrie {
  background-image: url(../img/kompetenzen/industrie.jpg);
}
.solar {
  background-image: url(../img/kompetenzen/solar.jpg);
}
.referenzen .dummy-img {
  background-position: bottom center;
}
.panorama {
  background-image: url(../img/referenzen/panorama.png);
}
.halten {
  background-image: url(../img/referenzen/halten.jpg);
}
.muehlebach {
  background-image: url(../img/referenzen/muehlebach.jpg);
}
.maihof {
  background-image: url(../img/referenzen/schulhaus_maihof.jpg);
}
.baechlipark {
  background-image: url(../img/referenzen/baechlipark.jpg);
}
.guetschstrasse {
  background-image: url(../img/referenzen/guetschstrasse.jpg);
}
.churerstrasse54 {
  background-image: url(../img/referenzen/churerstrasse54.jpg);
}
.churerstrasse44 {
  background-image: url(../img/referenzen/churerstrasse44.jpg);
}
.gerbe {
  background-image: url(../img/referenzen/gerbe.jpg);
}
.floraweg15 {
  background-image: url(../img/referenzen/floraweg_15.jpg);
}
.churerstrasse60 {
  background-image: url(../img/referenzen/churerstrasse60.jpg);
}
.churerstrasse42 {
  background-image: url(../img/referenzen/churerstrasse42.jpg);
}
.black-and-white {
  background-image: url(../img/referenzen/black_and_white.jpg);
}
.reparaturen {
  background-image: url(../img/kompetenzen/reparatur.jpg);
}
.unterhalt {
  background-image: url(../img/kompetenzen/unterhalt.jpg);
}
.dummy-text {
	text-align: left;
	margin: 0 auto;
	padding: 15px 0;
	color: #b3b3b3;
  line-height: 1.3;
  font-size: 1em;
	font-weight: 100;
	font-family: "Titillium Web", sans-serif;
}
.dummy-text a {
  display: block;
	margin-top: 15px;
}
.dummy-text a:hover {
	color: #d2cece;
}
.cd-section h2 {
  display: block;
  padding: 10px 15px;
  margin: 0;
}
.cd-section > .text-container h2 {
  border: none;
}
.team-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding: 80px 5px 10px;
}
.dummy-img.team {
  margin: 20px 20px 40px;
  height: 170px;
  width: 170px;
}
.team h2 {
  top: 170px;
  font-size: 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: rgba(0,0,0,0.6);
  padding: 3px 0 8px 0;
}
.team h3 {
  top: 193px;
  font-size: 0.7em;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 0 3px 0;
}
@media only screen and (min-width: 768px) {
  .dummy-img {
  	margin: 130px auto 50px;
    height: 350px;
  }
  .referenzen .dummy-img {
  	margin: 80px auto 50px;
    height: 350px;
  }
  .referenzen .dummy-img:first-child {
  	margin: 130px auto 50px;
    height: 350px;
  }
  .team-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 80px 40px 50px;
  }
  .dummy-img.team {
  	margin: 30px;
    height: 300px;
    width: 200px;
  }
  .team h2 {
    color: (218, 218, 218);
    top: 260px;
    font-size: 1.1em;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: rgba(0,0,0,0.8);
    padding: 3px 0 8px 0;
  }
  .team h3 {
    top: 283px;
    font-size: 0.8em;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 0 3px 0;
  }
  .og-close::before,
  .og-close::after {
  	top: 50%;
  }

  .grid figure.bg-icon {
    padding: 0;
    width: 130px;
  	height: 130px;
  }

  figure.bg-icon div {
    max-width: 100%;
    color: #242E30;
    font-size: 1.2em;
  }

  figure.bg-icon img {
    width: 60px;
    height: 60px;
  }

  .team div {
    position: absolute;
  }
  h2.sub-title:first-child {
    margin: 100px 0 0;
  }
  h2.sub-title {
    font-size: 1.9em;
    font-weight: 600;
    margin: 50px 0 0;
  }
  .close-content {
  	right: 30px;
  }
  .text-container {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    font-family: "Titillium Web", sans-serif;
    height: auto;
    max-width: 50%;
    padding: 40px 40px;
  }
  .dummy-text {
    color: #b3b3b3;
  	padding: 15px 0;
  	font-size: 1.3em;
  	letter-spacing: 1px;
    line-height: 1.4;
  }
  .dummy-text-show {
    color: #f6f2f2;
  	opacity: 1;
  }
  .videos:first-child {
    margin: 115px auto 0;
  }
  .videos {
    max-width: 600px;
    padding: 0;
    margin: 50px auto 0;
  }
}
.dummy-text-show {
  color: #f0f0f0;
	opacity: 1;
}
.underline {
	border-bottom: 1px solid rgb(210, 210, 210);
  padding-bottom: 30px;
}

.related {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.related a img {
  max-width: 800px;
}

.related a {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* Simple fallback */
/* if any of these are not supported, a simple fallback will be shown */
.no-pointerevents .content,
.no-csstransforms3d .content,
.no-csstransitions .content,
.no-pointerevents .content > div,
.no-csstransforms3d .content > div,
.no-csstransitions .content > div,
.no-pointerevents .close-content,
.no-csstransforms3d .close-content,
.no-csstransitions .close-content {
	opacity: 1;
	visibility: visible;
	display: none;
	height: auto;
}

.no-pointerevents .show .close-content,
.no-csstransforms3d .show .close-content,
.no-csstransition .show .close-content,
.no-pointerevents div.show,
.no-csstransforms3d div.show,
.no-csstransitions div.show,
.no-csstransitions .dummy-img,
.no-csstransitions .dummy-text,
.no-csstransforms3d .dummy-img,
.no-csstransforms3d .dummy-text,
.no-pointerevents .dummy-img,
.no-pointerevents .dummy-text {
	display: block !important;
	opacity: 1;
}

@media screen and (max-width: 1000px) {

	.grid figure,
	.grid .placeholder {
		width: 240px;
		height: 212px;
	}
}
@media screen and (max-width: 767px) {
  .team-container {
    padding: 90px 0 20px;
  }
  .dummy-img.team {
    margin: 20px 5px 40px;
    height: 270px;
    width: 180px;
  }
  .team h2 {
    color: (218, 218, 218);
    top: 230px;
  }
  .team h3 {
    top: 253px;
  }
}