Zwei kleine Korrekturen an dem Script Lösung 2

Hey Leute, ich habe hier diesen fast fertigen HTML bzw. CSS Script: https://jsfiddle.net/69f6x8fx/ Zwei kleine Änderungen fehlen hier noch das ich dies einsetzen kann, die ich aber nicht hinbekommen. 1. Die obere Spalte „Artikelbeschreibung“ und die Galerie sollten gleich breit sein 2. und die Schriftart von den Kästchen ganz unten etwas kräftiger. Freue mich auf eure Antworten!
Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

<style>
*{
border:0px solid red;
margin:0;
padding:0;
}
#alles{
width:100%;
border:5px solid grey;
background:white;
}
#kopf{
width:calc(100% - 34px - 10px);
border:1px solid grey;
margin:15px;
}
h1{
font-size:35px;
color:black;
text-align:center;
text-decoration:underline;
}
h3{
font-size:20px;
color:black;
text-align:center;
text-decoration:underline;
}
/* KLASSEN */
.mittig{
text-align:center;
font-size:16px;
font-weight:500;
color:black;
}
.orange{
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX