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

/* @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: "shalimar";
  src: url("fon/Shalimar.ttf");
} */

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

/* @font-face {
  font-family: "badscript";
  src: url("fon/BadScript.ttf");
} */

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


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

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

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

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

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

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

@font-face {
  font-family: "tangerine";
  /* src: url("fon/BadScript.ttf");
  src: url("fon/Caveat_w.ttf"); */
  /* src: url("fon/Ysabeau_wi.ttf"); */
  /* src: url("fon/Tangerine-Regular.ttf"); */
  /* - - - - - - - - - - - - - - - - - */
  /* src: url("fon/Courgette-Regular.ttf"); */
  /* src: url("fon/HarlowSolidItalic.ttf"); */
  /* src: url("fon/Kalam.ttf"); */
  /* src: url("fon/Merienda_w.ttf"); */
  /* src: url("fon/PlaywriteAUSA_w.ttf"); */
  src: url("fon/GABRIOLA.TTF");
}

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

/* @font-face {
  font-family: "harlow";
  src: url("fon/HarlowSolidItalic.ttf");
} */

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

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

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

/* @font-face {
  font-family: "caveat";
  src: url("fon/Caveat.ttf");
} */

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

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

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

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


body {
  /* font-family: 'ubuntu'; */
  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;
  margin-top: 3vw
}


h1 {
  /* font-family: 'ubuntu'; */
  position: absolute;
  top: 22vw;
  right: 6vw;
  font-size: 11vw;
  text-align: right;
  line-height: .9;
  letter-spacing: 1vw;
  color:#444;
  font-weight:300;
}

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:5vw;
  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;
}

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 {
  text-align: right;
  display: flex;
  background-image: url("../_/fi_LOGO_tx3.png");
  background-repeat: no-repeat;
  flex-direction: column;
  justify-content: center;
}
#root.idxpage {
  background-size: 43%;
  width: 70%;
  height: 60vw;
}
#root.fipage {
  background-size: 33%;
  width: 90%;
  justify-content: flex-start;
  background-position: 3vw 0vw;
  height: 60vw;
}



@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:7vw;
    margin-top:6vw;
    margin-bottom:0vw;
  }
  .ico {
    width:5vw;
  }
  #root {
    height: 111vw;
    justify-content: flex-end;
  }
  #root.idxpage {
    width:76%;
    background-size: 56%;
    background-position: 0vw 5vw;
    height: 120vw;
    margin-left:-11vw;
  }
  #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;
  }
}