body {
    background: url('img/bg-mobco.png') no-repeat center center fixed;
    background-size: cover;
    margin: 0;
    padding: 0;
}
.content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 20px);
    height: calc(100dvh - 20px);
    padding: 10px 25px;
}
.logo {
    aspect-ratio: 1075 / 301;   /* remplace par le vrai ratio de ton logo */
    height:auto;
    width:auto;
    /*max-height:60px;         si ton header est à 60px */
    max-width:100%;
    object-fit:contain;
    margin-bottom: 60px;
    margin-top: 120px;
}
.logo-svg {
    max-width: 1075px;
    width: 100%;
    height: auto;
    margin-bottom: 5vh;
    margin-top: 15vh;
}


@font-face {
    font-family: 'karbonbold';
    src: url('fonts/karbon-bold-webfont.woff2') format('woff2'),
         url('fonts/karbon-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'karbonlight';
    src: url('fonts/karbon-light-webfont.woff2') format('woff2'),
         url('fonts/karbon-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'karbonmedium';
    src: url('fonts/karbon-medium-webfont.woff2') format('woff2'),
         url('fonts/karbon-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'karbonregular';
    src: url('fonts/karbon-regular-webfont.woff2') format('woff2'),
         url('fonts/karbon-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'karbonsemibold';
    src: url('fonts/karbon-semibold-webfont.woff2') format('woff2'),
         url('fonts/karbon-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.tagline {
    font-family: 'karbonsemibold', sans-serif;
    text-transform: uppercase;
    font-size: clamp(
        19px,
        calc(19px + (38 - 19) * ((100vw - 390px) / (1140 - 390))),
        38px
    );
    color: #ffffff;
    text-align: center;
    line-height: 1;
    margin: 0;
}

.announcement {
    font-family: 'karbonregular', sans-serif;
    font-size: clamp(
        16px,
        calc(16px + (28 - 16) * ((100vw - 390px) / (1140 - 390))),
        28px
    );
    color: #ffffff;
    margin: 0;
    text-align: center;
    line-height: 1;
    margin-bottom: 20px;
}
.credits {
    position: fixed;
    bottom: 10px;
    width: 100%;
    text-align: center;
}
.credits p{
    font-family: 'karbonregular', sans-serif;
    text-transform: uppercase;
    letter-spacing: 10%;
    font-size: clamp(
        10px,
        calc(10px + (15 - 10) * ((100vw - 390px) / (1140 - 390))),
        15px
    );
    color: #ffffff;
    margin: 0;
}

@media (max-width: 768px) {
  .tagline {
    line-height: 1.1;
  }
}
@media (max-width: 674px) {
  .announcement {
    line-height: 1.1;
    min-width: 250px;
    max-width: 60vw;
    margin-top: 3px;
  }
}