html {
    font-family: Arial, Helvetica, sans-serif;
}
header {
    text-align: center;
    width:100%;
    border: 2px solid black;
}
nav#art_general {
    width: 100%;
    text-align: center;
}
header > img {
    height: 100px;
}
img#fot_left {
    float: left;
    padding-left: 200px;
}
img#fot_right {
    float: right;
    padding-right: 200px;
}
.generalbut {
    height: 40px;
    border: 1px solid darkred;
}
.generalbut:hover {
    background-color: lightyellow;
}
table {
    border: 1px solid;
    width:50%;
    text-align: center;
}
table#stat {
    margin-left: auto;
    margin-right: auto;
}
th {
    border: 1px solid;
}
td {
    text-align: center;
}
@media (max-width: 1200px) {
    header {
        height: auto;
    }
    img#fot_left {
        padding-left: 0px;
    }
    img#fot_right {
        padding-right: 0px;
    }
    
}