@font-face {
    font-family: 'swis721_lt_btlight';
    src: url('fonts/swiss_721_light_bt-webfont.woff2') format('woff2'),
         url('fonts/swiss_721_light_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'swis721_th_btthin';
    src: url('fonts/swiss_721_thin_bt-webfont.woff2') format('woff2'),
         url('fonts/swiss_721_thin_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@keyframes fadeout {
  0%   {opacity:1;}
  50%  {opacity:0;}
  100% {opacity:1;}
}

@keyframes tored {
  0%   {color: black;}
  1%  {color: red;}
  99%  {color: red;}
  100% {color: black;}
}

@keyframes togreen {
  0%   {color: black;}
  1%  {color: lime;}
  99%  {color: lime;}
  100% {color: black;}
}

@keyframes toblue {
  0%   {color: black;}
  1%  {color: blue;}
  99%  {color: blue;}
  100% {color: black;}
}

body {
  margin-top:1.4vw;
  margin-left:0;
  padding:0;
}

#mainContainer {
  font-family:"swis721_th_btthin", arial, sans-serif;
  font-size: 23vw;
  line-height:0.8;
  letter-spacing: -9px;
}

#mainContainer .leftMargin {
  margin-left: 1.9vw;
}

#contactContainer {
  font-family: "swis721_lt_btlight", arial, sans-serif;
  font-size: calc(23vw * .37);
  line-height: .95;
  letter-spacing: -2px;
}

#contactContainer .leftMargin {
  margin-left: 1.5vw;
}

.anim-1 {
  animation-name: fadeout;
  animation-duration: 1s;
  animation-delay: calc(1s * 0.4);
  animation-iteration-count: 5;
}

.anim-2 {
  animation-name: fadeout;
  animation-duration: 1s;
  animation-delay: calc(1s * 0.5);
  animation-iteration-count: 5;
}

.anim-3 {
  animation-name: fadeout;
  animation-duration: 1s;
  animation-delay: calc(1s * 0.6);
  animation-iteration-count: 5;
}

.anim-4 {
  animation-name: fadeout;
  animation-duration: 1s;
  animation-delay: calc(1s * 0.7);
  animation-iteration-count: 5;
}

.anim-5 {
  animation-name: fadeout;
  animation-duration: 1s;
  animation-delay: calc(1s * 0.8);
  animation-iteration-count: 5;
}

.anim-6 {
  animation-name: fadeout;
  animation-duration: 1s;
  animation-delay: calc(1s * 0.9);
  animation-iteration-count: 5;
}

.anim-7 {
  animation-name: fadeout;
  animation-duration: 1s;
  animation-delay: calc(1s * 1);
  animation-iteration-count: 5;
}

.anim-8 {
  animation-name: fadeout;
  animation-duration: 1s;
  animation-delay: calc(1s * 1.1);
  animation-iteration-count: 5;
}

.anim-9 {
  animation-name: fadeout;
  animation-duration: 1s;
  animation-delay: calc(1s * 1.2);
  animation-iteration-count: 5;
}

.anim-10 {
  animation-name: fadeout;
  animation-duration: .5s;
  animation-delay: calc(1s * 5.7);
}

.anim-11 {
  animation-name: fadeout;
  animation-duration: .5s;
  animation-delay: calc(1s * 6.5);
}

.anim-12 {
  animation-name: fadeout;
  animation-duration: .5s;
  animation-delay: calc(1s * 8);
}

.anim-13 {
  animation-name: fadeout;
  animation-duration: 1s;
  animation-delay: calc(1s * 8);
}
.anim-14 {
  animation-name: fadeout;
  animation-duration: 0.8s;
  animation-delay: calc(1s * 9);
}