@font-face {
    font-family: Helveti;
    src: url(font/HelveticaNeueLTStd-Bd.otf);
    
}

html,
body {
    height: 100%;
    overflow: hidden;
    font-family: Helveti;
    font-size: 16px;
    background-color:#FFFFFF;
    
}

video#bgvid {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 10%;
    min-height: 10%;
    width: 43%;
    height: auto;
    z-index: 1;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover; 
   
}

h1 {
    font-family: Helveti;
    text-align: left;
    font-size: 1.1em;
    margin-bottom: 1.5%;
    margin-top: 1.5%;
    margin-left: 2.5%;
    letter-spacing: -2px;
    color: #000000;
}

h2 {
    font-family: Helveti;
    text-align: center;
    margin-top: 38.5%;
    margin-bottom: 1.5%;
    margin-left: -2%;
    font-size: 1.1em;
    letter-spacing: -2px;
    color: #000000;
}

a {
    text-decoration: none;
    color: #000000;
}

a.visited {
    text-decoration: none;
}

a.active {
    text-decoration: none;
}

a.hover {
    cursor: pointer;
}

header {
    position: absolute;
    width: 100%;
    height: 25%; 
    z-index: 2;
    font-size: 90%;
}

content {
    position: absolute;
    bottom:38%;
    width: 100%;
    height: 70%;
}

#typo {
    height:143%;
  
}

footer {;
    position: absolute;
    bottom: 5%;
    width: 100%;
    height: 17%;
}

center{
    height: 100%;
    width: 100%;
}

#name {
    height: 100%;
}