body {
    background-color: #8AA38B;
    margin: 0;
}

@font-face {
    font-family: garamond-classico;
    src: url("fonts/Garamond Classico SC Regular.ttf");
}

.card {
    background-color: #F8F6F0;
    box-shadow: 4px 4px 3px -2px #000000;
}

#title-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
}

#title {
    box-sizing: border-box;
    max-width: 100%;
    text-align: center;
    padding: clamp(32px, 8vw, 100px) clamp(24px, 8vw, 100px) clamp(24px, 4vw, 40px);
    margin: clamp(16px, 4vw, 30px);
}

#title h1, #title #tagline, #title #enquiries {
    font-family: garamond-classico;
    text-transform: capitalize;
    background-color: #080808;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(245,245,245,0.2) 1px 2px 1px;
    overflow-wrap: break-word;
}

#title h1 {
    font-size: clamp(3rem, 13vw, 9em);
    line-height: 0.8em;
    margin: 0 0 clamp(24px, 5vw, 50px) 0;
}

#title #tagline {
    font-size: clamp(1.5rem, 7vw, 4em);
}

#title #enquiries {
    padding-top: clamp(28px, 6vw, 60px);
    font-size: clamp(1rem, 4vw, 2.5em);
    text-transform: lowercase;
}