.box{width:21vmin;height:21vmin;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;position:relative;font-size:12px;float:left;margin:7px}span.num{background-color:#fff;height:100%;color:#032d4d;width:100%;display:grid;place-items:center;font-weight:600;font-size:5em}span.text{font-size:1.4em;background-color:#03478a;display:block;width:100%;text-align:center;padding:.1em 0;font-weight:400}@media screen and (max-width: 1024px){.countdown{width:85vw}.box{height:26vmin;width:26vmin;font-size:12px}}@media screen and (max-width: 768px){.countdown{width:90vw;flex-wrap:wrap;gap:30px}.box{width:calc(50% - 40px);height:30vmin;font-size:14px;margin-bottom:20px}}@media screen and (max-width: 380px){.countdown{gap:15px}.box{width:100%;height:25vmin;font-size:8px;margin-bottom:30px}.span.text{font-size:1.5em}}