/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
███████  ██████  ███    ██
██      ██    ██ ████   ██
█████   ██    ██ ██ ██  ██
██      ██    ██ ██  ██ ██
██       ██████  ██   ████
*/
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */

/* @font-face {
  font-family: "ubuntu";
  src: url("fon/Ubuntu-Light.ttf");
  font-weight: 300;
}

@font-face {
  font-family: "ubuntu";
  src: url("fon/Ubuntu-Regular.ttf");
  font-weight: 400;
}

@font-face {
  font-family: "ubuntu";
  src: url("fon/Ubuntu-Medium.ttf");
  font-weight: 500;
}

@font-face {
  font-family: "ubuntu";
  src: url("fon/Ubuntu-Bold.ttf");
  font-weight: 700;
} */

/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */

@font-face {
  font-family: "tangerine";
  src: url("fon/Tangerine-Regular.ttf");
}

/* - - - - - - - - - - - - - - - - - */

@font-face {
  font-family: "kalam";
  src: url("fon/Kalam.ttf");
}

/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*

*/
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */


body {
  font-family: 'tangerine';
  background-color: #888;
  background-image: url("../_/fi_LOGO_clear.png");
  background-repeat: no-repeat;
  background-size: 135%;
  background-position: -14vw -3vw;
}

#bydo {
  display: flex;
  justify-content: center;
  flex-direction:column;
}


h1 {
  top: 22vw;
  right: 6vw;
  font-size: 18vw;
  text-align: right;
  line-height: .9;
  letter-spacing: 1vw;
  color:#fff;
  font-weight:900;
  margin: 3vw 0 0 0;
  text-shadow: 3px 3px 3px #000;
  border-bottom: 9px #444 dotted;
}

h2 {
  /* font-family: 'ubuntu'; */
  /* position: absolute; */
  top: 22vw;
  right: 6vw;
  font-size: 12vw;
  text-align: right;
  line-height: .9;
  letter-spacing: 0vw;
  color:#fff;
  font-weight:300;
  margin: 3vw 0 2vw 0;
  text-shadow: 1px 1px 2px #000;
}

p {
  /* font-family: 'ubuntu'; */
  font-family: 'kalam';
  margin:0 0 0 35vw;
  font-size: 2.6vw;
  color:#333;
  line-height: 1.3;
}

a {
  text-decoration-thickness: 3px;
  text-underline-offset: 9px;
  text-decoration-style: dotted;
  /* text-decoration-color: #ccc; */
  color:#ddd;
  font-size:9vw;
  letter-spacing:.2vw;
  font-weight:600;
  margin-right:2vw;
  margin-top:.8vw;
  margin-bottom:.8vw;
  position:relative;
  text-shadow: 1px 1px 2px #000;
  line-height:1.3;
}

a:hover {
  color:#333;
  text-decoration-color: #333;
  /* text-shadow: 0px 0px 0px #000; */
}

a:active {
  color:#222;
}

b {
  text-shadow: 1px 1px 2px #000;
  color:#fff;
}

.ico {
  width:3.5vw;
  height:auto;
  margin-left:2vw;
  position:absolute;
  top:.8vw;
}

#root {
  display: flex;
  background-image: url("../_/fi_LOGO_tx3.png");
  background-repeat: no-repeat;
  flex-direction: column;
  justify-content: center;
  margin-left:18vw;
  margin-top:5vw;
}
#root.fipage {
  background-size: 33%;
  width: 90%;
  justify-content: flex-start;
  background-position: 3vw 0vw;
  height: 60vw;
}


#top {
  display:flex;
  align-items: center;
}




.logo {
  height:12vw;
  width:12vw;
  margin:3vw;
  box-shadow: 3px 3px 3px #000;
}





#bak {
  position:absolute;
  top:-3vw;
  right:1vw;

}

#bak a {
  font-size:16vw;
  text-decoration:none;
}















@media screen and (max-width: 960px) {
  body {
    background-size: 211%;
    background-position: -27vw -14vw;
  }
  #bydo {
    margin-top: 4vw;
    /* margin-left:-12vw; */
  }
  a {
    font-weight:600;
    font-size:8vw;
    margin-top:3vw;
    margin-bottom:0vw;
  }
  .ico {
    width:5vw;
  }
  #root {
    justify-content: flex-end;
  }
  #root.fipage {
    margin-top:3vw;
    width:76%;
    background-size: 44%;
    background-position: top center;
    padding-top:70vw;
    /* background-position: 0vw 0vw; */
  }
  #root.fipage h2 {
    text-align:center;
    margin: 3vw 0 3vw 0;
    font-size: 16vw;
  }
  #root.fipage p {
    text-align:center;
    margin:0;
    font-size: 4vw;
    font-weight: 900;
    color:#444;
  }
}