body {
  margin: 0;
  }

.wrapper {
  width: 900px; /*PLACEHOLDER. CHANGE TO % LATER.*/
  margin: 0 auto;
  }
  
.header-wrapper {
  display:flex;
  }
  
.corner-image {
  top: 0;
  }
  
.corner-image .box {
  padding: 0;
/*  height: 179px; /*You will need to adjust this based on the height of your links/title section, unless a better solution is found.*/
  overflow: hidden;
  width: 200px;
  background: none;
  border: 0;
  }
  
.corner-image img {
  width: 99%;
  margin: 0 auto;
  height: auto;
  padding: 0;
  display: block;
  border: 1px solid black;
  }

.header {
  text-align: center;
  margin-left: 25px;
  flex-grow:1;
  }

.title {
  margin-bottom: 25px;
  margin-top: 25px;
  }
  
.links {

  }

  
.links li {
  text-align: center;
  list-style-type: none;
  display: inline-block;
  }

.sidebar-left {
  width: 200px;
  float: left;
  }

.main {
  margin-left: 225px;
  columns: 2;
  column-gap: 25px;
  }

.box {
  border: 1px solid black;
  padding: 0.5em 1em;
  margin-top: 25px;
  }
  
.main .box {
  display: inline-block;
  }
  
.footer {
  text-align: center;
  margin-bottom: 25px;
  }