* {
    box-sizing: border-box;
  }

.column  {
    float: left;
  
  }
  
  /* Left and right column */
  .column.side {
    width: 50%;
  }
  
  /* Middle column */
  .column.middle {
     width: 25%;
  }

 /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 600px) {
    .column.side, .column.middle {
      width: 100%;
  
    }
}
/* Left column */
.leftcolumn {   
  float: left;
  width: 80%;
}

/* Right column */
.rightcolumn { 
  float: right;
width: 50%;
  }

      @media screen and (max-width: 1900px) {
      .leftcolumn
      .rightcolumn {
        flex-direction: column;
        width: 100%;
      }
    }