body{
  font:20px/1.1em arial, sans-serif;
  background-color:lightgrey;
  font-family:helvetica, arial, sans-serif;
}

@font-face {
  font-family: 'LINA_beta';
  src: url('../type/PODlina-beta.otf'); /* IE9 Compat Modes */
  src: url('../type/PODlina-beta.woff2') format('woff2'), /* Super Modern Browsers */
       url('../type/PODline-beta.woff') format('woff'), /* Pretty Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

.container {
  width:100%;
  height:100%;
  position:fixed;
  z-index:0;
  background-color:lightgrey;
}

.animate {
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-delay: .5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	-moz-animation-name: fadeIn;
	-moz-animation-duration: 1s;
	-moz-animation-fill-mode: both;
	-moz-animation-delay: .5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease;
	-ms-animation-name: fadeIn;
	-ms-animation-duration: 1s;
	-ms-animation-fill-mode: both;
	-ms-animation-delay: .5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function: ease;
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-delay: .5s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
    	}
	100% {
		opacity: 1;
    	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	    }
	100% {
		opacity: 1;
	    }
}

@-ms-keyframes fadeIn {
	0% {
		opacity: 0;
    }
	100% {
		opacity: 1;
    }
}

@keyframes fadeIn {
	0% {
		opacity: 0;
    	}
	100% {
		opacity: 1;
    	}
	}

.identity {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align:center;
  font-size:16vmin;
  line-height:0.5;
  color:red;
  }





.contact {
  color:red;
  border-radius: 500px;
  border: 1px solid red;
  padding-left: 10px;
  padding-right:10px;
  padding-top:6px;
  padding-bottom:6px;
  display:inline-block;
  text-align: center;
  bottom:0!important;
  font-size:16px;
  cursor:pointer;
  -o-transition:1s;
  -ms-transition:1s;
  -moz-transition:1s;
  -webkit-transition:1s;
  transition:1s;
}

.contact:hover {
  border: 1px solid lightgrey;

}

.wrapper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom:2%;
}

h1 {
  cursor:pointer;
}

a {
  -o-transition:1s;
  -ms-transition:1s;
  -moz-transition:1s;
  -webkit-transition:1s;
  transition:1s;
  color:red;
  text-decoration: none;
}

/* a:hover {color:#112238!important;} */
a:active {color:red;}
a:visited {color:red;}

a.invert:hover {
  color:lightgrey;
}

.SB_work {
    background-image: url("../images/SB_img-copy.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:center;
}
.ZD_work {
    background-image: url("../images/ZD_img.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:center;
}

.SD_contact {
  background-color:red;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position:center;
}

.invert_name {
  color:lightgrey;
}