@charset "utf-8";

/* CSS Document */

body {

	margin: 0;
	padding: 0;
	background: #FFFEF9;
	font-size:16px;	
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

* {margin:0; padding:0;}

section.header {
	width:calc(100vw - 100px);
	height:calc(100vh - 80px);
	margin:40px 0px 0px 40px;
	background:#000;
	border-radius: 9px;
	position: relative;
	/*animation: mymove 10s infinite;*/
	overflow:hidden;
}

.bg {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
	background-repeat:no-repeat;
	background-size: cover;
}

#first {
  background-image:url(../img/bg.png);
  animation: bg1 20s infinite;
  opacity:1;
  z-index:1;
  background-position: top center;
}

#second {
  background-image:url(../img/bg2.jpg);
  background-position: top center;
}

@keyframes bg1 {
    0%   {opacity: 0;}
    25%  {opacity: 0;}
    50%  {opacity: 1;}
    75%  {opacity: 1;}
    100% {opacity: 0;}
}

.gradient {
	position: absolute;
	width:100%;
	height:100%;
	background: linear-gradient(50.05deg, #3E4B33 40.7%, rgba(255, 255, 255, 0) 68.63%);
	mix-blend-mode: normal;
	opacity: 0.6;
	border-radius: 9px;
	top:0px;
	z-index:1;
}

.logo {
	position: absolute;
	top:60px;
	left:60px;
	width:8vw;
	z-index: 1;
}

.text {
	width:calc(100% - 120px);
    left:60px;
    bottom:60px;
    position: absolute;
    z-index: 1;
}

h1 {
	font-family:'PPEiko';
    font-size: 5vw;
    font-weight: 100;
    font-style: normal;
    color:#FFFEF9;
    margin-bottom: 10px;
}

h2 {
	font-family:'PPTelegraf';
    font-size: 1.2vw;
    font-weight: normal;
    letter-spacing: 1px;
    display: block;
    color:#FFFEF9;
}

.email {
    float:left;
}

.social {
    float:right;
}

.social a {
   color:#fff;
   text-decoration:none;
}

h4 {
	font-family:'PPTelegraf';
    font-size: .9vw;
    font-weight: normal;
    letter-spacing: 2px;
    font-style: normal;
    position: fixed;
    z-index: 1;
    color:#41443E;
    transform-origin:top right;
	right:24px;
	top:50%;
	transform: rotate(90deg) translateX(50%);
}