html,body{
 height: 100vh;
 padding:0;
 margin:0;
 background-color:#ffd700;
}

a:link {
  color:black;
}

#flag-icon {
	height:34px;
  width:auto;
  float:right;
  margin:0;
}

.row {
  height: 100%;
}

.column {
  float: left;
  height:100%;
  font-family: 'Source Serif Pro', serif;
}

.column img {
  width:100%;
  display: block;
  float:left;
  margin-top: 10px;
}

#column1 {
  width:22%;
  /* height: 100vh;
  overflow-y: hidden; */
  /* background:grey; */
}

#column2 {
  width:56%;
  /* background:black; */
}

#column3 {
  width:22%;
  overflow-y: hidden;
  /* background:grey; */
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

#header-wrapper {
  width: auto;
  padding: 12px;
  background:#bf0a30;
  color:white;
}

#header {
  font-family: 'Merriweather', serif;
  font-size:28px;
  padding-bottom: 8px;
  border-bottom: 1px white solid;
}

#sub-header {
  margin-top:8px;
  font-size: 20px;
  /* text-transform:uppercase; */
}

#column-wrapper {
  width:auto;
  padding:10px 20px;
}

ol {
  font-size: 20px;
  font-weight: 600;
}

ol li span:hover {
	cursor: pointer;
	text-decoration: underline;
}

li {
	line-height: 28px;
}

@media only screen and (max-width: 950px) {
    #column1, #column3 {
      display:none;
    }
    #column2 {
      width:100%;
    }
    #column-wrapper {
      padding:10px;
    }
  }
@media only screen and (max-width: 1045px) {
  #flag-icon {
    display:none;
  }
}