body,html{height:100%}@font-face{font-family:geometria;src:url(Geometria/Geometria.otf);font-weight:400;font-style:normal}@font-face{font-family:geometria thin;src:url(Geometria/Geometria-Thin.otf);font-weight:400;font-style:normal}.counter{width:100%;min-width:320px;height:100%;box-sizing:border-box;background:#000;color:#fff}.counter-wrap{width:925px;min-width:320px;padding:10px;box-sizing:border-box;display:flex;flex-flow:column;justify-content:center;height:100%;margin:auto;user-select:none}.couter__text{font-family:geometria;font-size:2vw;line-height:4vw}.counter-time{font-family:geometria thin;font-size:0}.counter__time{font-size:48px}.counter-time__wrap{margin:auto}.counter-time__wrap div{display:inline-block}.hours,.smalltext,.minutes,.seconds{font-size:40px}@media(max-width:1259px){.counter-wrap{width:90%}.hours,.smalltext,.minutes,.seconds{font-size:40px}}@media(max-width:768px){.hours,.smalltext,.minutes,.seconds{font-size:20px}}