* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

:root {
    --main-brand-color: #a50043;
}

html {
    height: 100vh;
    width: 100vw;
    font-size: 0.8333333333vw;
    scrollbar-width: none;
    overflow-x: hidden;
}



body {
    height: 100vh;
    width: 100vw;
    background-color: var(--main-brand-color);
    font-family: "Montserrat", serif;
    font-style: normal;
}

section {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 10rem;
}

img {
    width: 45%;
}

.coming-soon {
    /* background-color: #fff; */
    color: #fff;
    margin-top: -10rem;
    text-align: center;
    font-size: 1.8rem;
    /* padding: 1.25rem;
    color: var(--main-brand-color);
    font-size: 1.875rem;
    font-weight: 600;
    text-align: center;
    margin-top: 1.875rem;
    text-transform: uppercase;
    letter-spacing: 1.25rem;
    width: 30%; */
}

.launching-soon{
        background: white;
    padding: 0.8rem 8rem;
    font-weight: 500;
    color: var(--main-brand-color);
    margin-top: 2.2rem;
    border-radius: 2px;
    text-align: center;
    font-size: 1.4rem;
}

.shop-with-us{
    margin-top: 1rem;
}

.shop-with-us-text{
    font-size: 1rem;
    color:#fff; 
    text-align: center;

}   

.links{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.8rem;
    gap: 0.7rem
}

.links .link{
    width: 2.3rem;
    height: 2.3rem;
    background: white;
    border-radius: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem;
    cursor: pointer;
    transition: opacity ease 0.35s;
}

.links .fb-link {
    padding: 0.rem;
}


.links .link svg{
    width: 100%;
    height: 100%;
}

.links .link svg path{
    fill: var(--main-brand-color);
}

.links .link:hover{
    opacity: 0.8;
}

@media (max-width: 991px) {
    html {
        font-size: 1.3333334vw;
    }

    img {
        width: 60%;
    }

    .coming-soon {
        width: 60%;
    }
}

@media (max-width: 600px) {
    html {
        font-size: 4.266666667vw;
    }


    img {
        width: 80%;
    }

    .coming-soon {
          width: 80%;
        font-size: 1rem;
        letter-spacing: 0.55rem;
        letter-spacing: 0;
        margin-top: -2.5rem;
    }

    .launching-soon{
    padding: 0.45rem 3rem;
    margin-top: 1rem;
    border-radius: 2px;
    font-size: 0.8rem;
    }

    .links .link{
    width: 2rem;
    height: 2rem;
}
}