@page { margin: 0; size: A5; } html { height: 100%; } body { background: #fff; box-sizing: border-box; color: #2A3239; display: flex; flex-direction: column; margin: 0; } header { display: flex; flex-direction: row; background-color: #D9411E; justify-content: space-between; } header > * { padding: 10px; } #layout { width: 15%; background-color: #333; } #layout > img { width: 4em; height: 4em; min-height: 100%; min-width: 100%; vertical-align: middle; } #ip { font-size: 2em; display: flex; justify-content: center; text-align: center; } #number { background-color: #333; color: #fff; width: 15%; font-size: 2em; display: flex; justify-content: center; text-align: center; } main { display: flex; flex-direction: column; justify-content: space-between; } main > * { padding: 10px; } #links { background-color: #eeeeee; border: solid black; border-width: medium 0 medium 0; }