.heroContainer{width:100%;height:100vh;overflow:hidden;position:relative}.heroVid{position:absolute;top:50%;left:50%;width:calc(100% + 10px);height:100%;object-fit:cover;transform:translate(-50%,-50%)}.heroCenter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;margin:auto;display:flex;flex-direction:column;align-items:center}.largerHeroLogo{display:block}.medHeroLogo,.smallHeroLogo,.tinyLogo{display:none}@media (max-width: 1200px){.largerHeroLogo{display:none}.medHeroLogo{display:block}}@media (max-width: 850px){.medHeroLogo{display:none}.smallHeroLogo{display:block}}@media (max-width: 600px){.tinyLogo{display:block}.smallHeroLogo{display:none}}