body {
    background-color:#223cbc;
    margin:0;
    font-family: "Overpass", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.wrapper {
    /* border: 2px solid red; */
    min-height: calc(100vh - 50px);
    padding: 100px 2rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;

}

.main {
    /* border: 2px solid yellow; */
    margin: 0 auto;
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

h1 {
    font-family:"Overpass",'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: center;
    margin-bottom:1rem;
    color:white;
    padding:.1vw;
    font-weight: 652;
    font-size: clamp(2rem, 5vw, 4rem);
    /* font-size: 4rem; */
    letter-spacing: -.1rem;
    line-height: clamp(1.8rem,4.5vw,3.5rem)
    /* line-height:3.5rem; */
}

p {
    font-family:"Overpass",'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: center;
    margin:0;
    color:white;
    font-weight: 321;
    font-size: clamp(1rem, 2.5vw, 2rem);
    /* font-size:2rem; */
    letter-spacing: .075rem;
    font-kerning: normal;
    line-height: clamp(1rem, 3vw, 3rem);
    /* line-height:1.8rem; */
}

#logo_melt {
    width:clamp(8rem,18vw,18rem);
    height:auto;
    color:white;
}

footer {
    /* border: 2px solid purple; */
    width: 100%;
    height: 50px;
    font-weight: 200;
    font-size: clamp(.75rem,.75vw,.85rem);
    display: flex;
    justify-content: center;
    align-items: center;
}

footer p {
    /* border: 2px solid black; */
    font-weight: 200;
    font-size: clamp(.6rem,.75vw,.75rem);
    letter-spacing: .05rem;
    padding: 0 4vw;
    color: white;
}

p a {
    color: white;
}


.footer-icon {
    /* border: 2px solid pink; */
    width: 1.25em;
    height: 1.25em;
    padding: 0 2vw;
    color: white;
}