.fontm{
 font-family:"Figtree";
 font-weight:400;
 font-style:normal;
}
.logo{
  display:flex;
  background:transparent;
  flex-direction:row;
  padding:1vw;
  margin-top:0vh;
  z-index:1;
  padding:4vw;
  padding-top:3vw;
}
.logoimg{
  height:12vw;
  width:12vw;
  background:transparent;
  border-radius:50%;
  overflow:clip;
}
.logoimg img{
  object-fit:cover;
  height:100%;
  width:100%;
}
.logoname{
  display:flex;
  flex-direction:column;
  height:10vw;
  margin-top:1.1vw;
  background:transparent;
  padding-left:2.2vw;
}
.logoname p:first-child{
  font-weight:500;
}
.logoname p{
  font-size:3.8vw;
  margin:0;
  color:#f4f4f4;
  line-height:1.35;
  font-weight:400;
}

    html,body {
      height:100%; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; }
    body { background: #000; color:#fff; display:flex; 
         }
    .screen {
        width:100vw;
      height:100vh;
      display:flex;
      position:absolute;
      align-items:center;
      justify-content:center;
        background-size:cover; background-position:center; text-align:center;
        transition: background 0.6s ease, opacity 0.6s ease;
      overflow:clip;
    }
.overlay{
  height:100%;
  width:100%;
  padding-top:37vh;
  overflow:clip;
}
.title {
  font-size: 7vw;
  font-weight:700;
  color:#efefef;
}
.count {
    font-size: 20vw;
    margin: 0;
    font-weight: 700;
    margin-top:7vh;
  color:#efefef;
}
.sub ,.small{
  font-size: 5.5vw;
  padding:5vw;
  margin-top:7vh;
  font-weight:700;
  color:#efefef;
}
.small{
  font-size: 7vw;
}


.black {
  background: #000;
  width: 100vw;
  height: 100vh;
}

.overlay p {
    margin: 6px 0;
}

/*.title p.title-line {
    font-size: 3.5rem;
    margin: 0;
}

.title p.gebet-name {
    font-size: 3.5rem;
    font-weight: 700;
    margin: 0;
}*/

.count .gebet-name-live{
  font-size:12vw;
}