.container{
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.header{
  flex: 20%;
  background-color: lightblue;
}
.menu{
  flex: 10%;
  background-color: lightgray;
}
.content{
  flex: 50%;
  background-color: white;
}
.content iframe {
   flex: 1;
   width: 100%;
   height: 100%;
   boder: 0;
}
.footer{
  flex: 50%;
  background-color: lightgray;
}
h1{
  color: red;
}  
.f1{
  color: tomato;
  margin-top: 18pt;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  font-family: Arial;
}
  .f2{
    color: black;
  margin-top: 6pt;
  margin-bottom: 6px;
  font-size: 15px;
  font-style: normal;
  font-family: Arial;
  }