* { box-sizing: border-box; }

body{padding:0; margin:0}
.flags{position: absolute; top:0px; right:0px; padding:10px; background-color: rgba(255,255,255,.8);;}
.flags img{height:1.5em;}
.container{display:block; background-color: #808080; margin:0; padding:10px;}
.frame{margin:auto; padding:0; width:60%; min-width:750px; box-shadow: gray 4px 6px 15px;}
.head div{display:inline-block;}
.logo{height:60px; margin-right:20px;}
.title{text-align:center; font-weight:bold; font-size:30px;}
.body{min-height:500px; background-color:lightgray;}
.footer{text-align:center;}

table.tbl{border-collapse:collapse; border:1px solid black;}
.tbl th, .tbl td{border:1px solid black;}
.tbl th{background-color:#808080;}
.tbl td{background-color:white;}
.tbl img{width:3em;}

/* Media queries should be at the bottom to take effect */
@media screen and (orientation: portrait) {
  .frame{width:100%; min-width:auto;}
  .flags{display:block;}
}