* {
  box-sizing: border-box;
}

#present {
    left: 0;
    width: 40%;
    margin-top: 1%;
    padding: 1%;
    border: 1px dotted black;
}

#present img {
    width: 100%;
}

#specs {
    position: relative;
    padding: 1%;
}

#page-text {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

table,
th,
td {
    font-family: iAWriterQuattro;
    border: 1px dotted black;
    border-collapse: collapse;
    padding: 8px;
    margin: 2px;
    min-width: 100px;
}

table p {
    margin-bottom: 0;
}

#menubox {
    position: relative;
    height: max-content;
    min-width: 300px;
    margin: -10% 2% 2% auto;
    padding: 2%;
    border: 1px dotted black;
}

#menu-container {
    width: 100%;
}

@media (max-width: 800px) {
    #menubox {
        margin: auto;
    }

    #menu-container {
        width: 80%;
        margin: auto;
        text-align: center;
    }

    #page-text {
        flex-direction: column-reverse;
        font-size: 12px;
    }

    #present {
        width: 100%;
        margin-top: 0;
        padding: 0;
    }

    #specs {
        width: 100%;
        right: 1%;
    }
}