@font-face {
    font-family:'EB Garamond';
    src: url(fonts/EBGaramond-VariableFont_wght.ttf);
  }

body{font-family: 'EB Garamond', serif;}

#circ-1,#circ-2,#circ-3,#logo-app,#logo-web,#logo-code{opacity: 0;}
.top30{margin-top: 27vh;}
.wtt{width:25%;max-width: 200px;;}
.subTitle{color: gray;font-size: 70%;}

.errorCode{font-size: 6rem;font-weight: 300;}
.errorTitle{font-weight: 300;}
.errorMsg{font-size: 1.5rem;}

.ftr{position: fixed;bottom:0px;text-align: center;width: 100%;font-size: 70%;padding-bottom: 10px;}
#lg-container{width:50vw;max-width: 400px;top: 200px;opacity:0;}
#wtt{z-index:1;opacity: 0;}
#footer{
  padding-top:27px;
  z-index:10;
  background: rgb(254,254,254);
  background: linear-gradient(180deg, rgba(254,254,254,0) 0%, rgba(254,254,254,0.08917197452229297) 6%, rgba(254,254,254,1) 50%);
}


.comfortaa{font-family: 'Comfortaa', Arial, Helvetica, sans-serif;}
.thin{font-weight: 300;}
.bold{font-weight: 500;}
.circText{line-height: 1.8rem;font-size: 1.1rem;padding:14px;}

/* cookies override */
#gdpr-cookie-message{bottom:60px;background-color:rgba(245, 245, 245, 0.97);}
#gdpr-cookie-message a:hover{color:gray;}

  /* COOKIES Page */
  body.COOK{background-color: white;font-family: Arial,Helvetica, sans-serif;}
  
  div.COOKpara, div.COOKtitle,div.COOKsubTitle{margin:40px auto; text-align: justify; width: 60%;} 
  div.COOKtitle{padding:20px;text-align: center;border-bottom: 1px solid  gray;font-size: 180%;}
  div.COOKsubTitle{padding:20px 0;text-align: left;border-bottom: 1px solid  gray;font-size: 130%;}
  body.COOK td{border-bottom:1px solid gray;padding:7px;}

@media (max-width: 480px) {
  .circText{line-height: 2rem;padding:22px;}
}

@media (max-width: 640px) {
  .circText{line-height: 2rem;padding:22px;}
  #circ-1 svg,#circ-2 svg,#circ-3 svg{max-width: 70%;}
}