html { font-size: 22px; }
body { padding: 1rem; margin: 0;}

.card {
  background-color: white;
  color: white;
  padding: 0rem;
  height: 9.5rem;
}

.cards {
  max-width: 2400px;
  margin: 0 auto;
  display: grid;
  gap: 0.8rem;
  grid-template-columns: repeat(auto-fit, minmax(320px, 0fr));
}

.box{
    float:left;
    margin-right:20px;
}
.clear{
    clear:both;
}

.column1 {
  float: left;
  width: 68%;
  height: 250px;
}

.column2 {
  float: right;
  width: 32%;
  height: 250px;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

#iframe1{
border: 0px solid #cccccc;
 width: 130% !important;
  height: 100% !important;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

#iframe2{
border: 0px solid #cccccc;
 width: 170% !important;
  height: 100% !important;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}