@font-face {
font-family:Larsseit;
src: url('../fonts/Larsseit.ttf') format('truetype');
}

body {
background-video: url('bureau_de_how.mp4');
background-color: #000;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}

a {
color: #fff;
font-family: Larsseit, sans-serif;
font-size: 26px;
letter-spacing: -0.4px;
line-height: 26px;
text-decoration: none;
-webkit-font-smoothing: antialiased;
}

a:hover {
color: #FFE5A1;
transition: .25s;
}

div.a {
width: 150px;
height: 52px;
background-color: none;
position: fixed;
}

div.b {
width: 150px;
height: 52px;
background-color: none;
position: fixed;
}

div.c {
width: 180px;
height: 52px;
background-color: none;
position: fixed;
}

div.d {
width: 150px;
height: 52px;
background-color: none;
position: fixed;
}

.container {
width: 80%;
height: 80%;
position: absolute;    
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
background-color: #000;
}

video {
max-width: 100%;
max-height: 100%;  
position: absolute;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
}

@media (max-width: 660px) {
  .container {
  width: 100%;
  height: 100%;
  }
}

@media (max-width: 660px) {
  a {
  font-size: 18px;
  letter-spacing: -0.24px;
  line-height: 18px;
  }
}

@media (max-width: 660px) {
  div.a {
  width: 100px;
}

@media (max-width: 660px) {
  div.b {
  width: 100px;
}

@media (max-width: 660px) {
  div.c {
  width: 120px;
}

@media (max-width: 660px) {
  div.d {
  width: 100px;
}