.centered{left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.centered--horizontal{left:50%;position:absolute;transform:translateX(-50%)}.centered--vertical{position:absolute;top:50%;transform:translateY(-50%)}@media (min-width:1001px){.hero__circles .hero__text{padding-top:14.89817792%}}@media (max-width:1000px) and (min-width:651px){.hero__circles .hero__text{padding-top:35.04823151%}}@media (max-width:650px){.hero__circles .hero__text{padding-top:14.89817792%}}.hero__circles__circles{position:relative;z-index:1}