@charset "utf-8";
/* CSS Document */



.header-logo {
    max-width: initial;
    padding-left: 0;
    text-align: center;
    width: 100%;
    padding-top: 10px;
}

.header-spacer {
    display: none;
}

.header-menu {
    border: 0;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}

.header {
    flex-direction: column;
    row-gap: 20px;
}

.hero-container {
    flex-direction: column;
    row-gap: 20px;
    padding-top: 280px;
    margin-top: -200px;
}

.hero {
    flex-direction: column;
    row-gap: 40px;
}

.hero-visual {
    flex-basis: 100%;
    max-width: 220px;
    margin: 0 auto;
}

.hero-text {
    flex-basis: 100%;
    text-align: center;
}

.text32 {
    font-size: min(3.5vw, 32px);
    line-height: min(4vw, 40px);
}

a.btn-std {font-size: 16px;
line-height: 22px;}

.hero-text h1 {
    font-size: 8vw;
    line-height: 10vw;
}

.text32 {
    font-size: min(5vw, 32px);
    line-height: min(7vw, 40px);
}

h2 {
    font-size: min(6.5vw, 48px);
    line-height: min(8vw, 75px);
}

.text22 {
    font-size: min(4.5vw, 22px);
    line-height: min(6.5vw, 32px);
}

.content-boxes-item h3 {
    font-size: min(5.5vw, 32px);
    line-height: min(7vw, 40px);
}

.footer-newsletter {
    width: 100%;
    align-items: center;
    padding: 0;
}

.footer-content-left {
    flex-wrap: wrap;
    row-gap: 40px;
}

.footer-logo-spacer-left {
    display: flex;
}

.footer-menu {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}


.footer-tagline {
    text-align: center;
}

.footer-diagnostic {
}

.text24 {
    font-size: min(5vw, 24px);
    line-height: min(7vw, 32px);
}
.asteroid-text {
	mask-image:unset;
}
.asteroid-text-item {
    margin-left: 2vw;
	width: 94vw;
	padding: 0 2vw 0 0;
}

.footer-diagnostic h4 {
    font-size: min(4.5vw, 24px);
    line-height: min(5vw, 34px);
}

.text18 {
    font-size: 4.5vw;
    line-height: 6vw;
}

.footer-newsletter input {
    max-width: 400px;
}


.footer-content-right {
    max-width: 250px;
}

.header-menu a, .footer-menu a {font-size: 15px;}
.header-menu span {font-size: 20px; display:block; width:100%; text-align:center; padding:40px 0}

.header-menu, .footer-menu {
    gap: 10px;
}

.header-logo img {
    max-width: 160px;
}

a.btn-std {
    font-size: 14px;
    line-height: 20px;
}

.header-menu span {    padding-bottom: 40px !important;}
.footer-diagnostic {padding:22vw 0 }