:root {
    --title-font: "LXGW WenKai TC", cursive;
}

* {
    padding: 0;
    box-sizing: border-box;
    font-family: var(--title-font);
    font-size: 75%;
}
*:hover {
    text-decoration: none;
    color: inherit;
}

h1 {
    font-size: 3.5rem;
}

h2, h2 i {
    font-size: 3rem;
}

p, b, a, i, span, td {
    color: black;
    font-size: 2rem;
    text-decoration: none;
}
label, input, select, option {
    font-size: 1.5rem;
}

img {
    padding: 1rem;
}

/* HEADER */
header {
    position: relative;
    padding: 0 2rem;
    background: #f3eae1;
    margin-bottom: 3rem;
}

.navbar h1 {
    font-weight: bold;
}
.navbar .navbar-icon {
    color: #d1966a;
    margin-left: 1rem;
    font-size: 5rem;
}

/* BODY */
body {
    background-color: #f3eae1;
}

button.back-to-top {
    display: none;
    background: none;
    border: none;
    color: #e0b795;
    position: fixed;
    right: 10;
    bottom: 10;
    z-index: 99;
    font-size: 5rem;
}
button.back-to-top i {
    font-size: inherit;
    color: inherit;
}

/* FOOTER */
footer {
    margin-top: 3rem;
    border-top: 1px solid #b47c51;
    background: #f3eae1;
    font: 1.6rem;
}
p.business-card {
    font-size: 1.6rem;
}

p.trade-mark {
    font-size: 1rem;
}

/* RESPONSIVE WINDOW */
@media(max-width: 1440px) {
    * {
        font-size: 70%;
    }
}

@media(max-width: 1024px) {
    * {
        font-size: 62.5%;
    }
}

@media(max-width:992px) {
    * {
        font-size: 56.25%;
    }
}

@media(max-width:768px) {
    * {
        font-size: 50%;
    }
}

@media(max-width:576px) {
    * {
        font-size: 43.75%;
    }

    img {
        padding: .3rem;
    }

    .navbar .navbar-icon {
        margin-left: .5rem;
        font-size: 3rem;
    }

    p.business-card,
    p.line-sticker {
        font-size: 1rem;
    }
    p.trade-mark {
        font-size: .8rem;
    }
}

@media(max-width:414px) {
    * {
        font-size: 37.5%;
    }

    label, input, select, option {
        font-size: 2rem;
    }
}

@media(max-width:375px) {
    
}