.fn {
    background-color: #5e4d2a;
    color:#fcd9ab;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    cursor: pointer;
    border-radius: 7px;
}

.fn-window {
    cursor: pointer;
    display: none;
    position: fixed;
    /* position: relative; */
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99999;
    background: #5e4d2a;
    padding: 1rem;
    border-radius: 7px;
}
.fn-window.active {
    display: block;
}
.fn-window p {
    color: #fffbe4;
}

.fn-window h1,
.fn-window h2,
.fn-window h3,
.fn-window h4,
.fn-window h5,
.fn-window h6 {
    margin: 0;
}

@media only screen and (min-width: 769px) {
    .fn-window {
        width: 40vw;
    }  
}