text {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: white;
}

p.text1 {
    color: white;
    font: 14px Verdana, Arial, Helvetica, sans-serif;
}

p.textprice {
    color: white;
    font: 14px Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

p.h1 {
    color: #daaf63;
    font: 16px Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}
    ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #424242;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
}

a {
    color: #daaf63;
    text-decoration: none;
}

li {
    float: left;
}

    li a {
        display: block;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }

        li a:hover:not(.active) {
            background-color: #6E6E6E;
        }

.active {
    background-color: #6E6E6E;
    color: #daaf63;
}

table, th, td {
    border: px solid Black;}
    
    /* make the table a 100% wide by default */
    table {
    width: 100%;}
    
    /* if the browser window is at least 800px-s wide: */
    @media screen and (min-width: 800px) {
      table {
      width: 100%;}
    }
    
    /* if the browser window is at least 1000px-s wide: */
    @media screen and (min-width: 1000px) {
      table {
      width: 80%;}
    }