/* Fonts from Google Fonts - more at https://fonts.google.com */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');
* {
    box-sizing: border-box;
}
body {
  background-color: white;
  font-family: "Open Sans", sans-serif;
  text-align: center;
  font-size: 18px;
  margin: 0 auto;
  color: #444;

}

h1 {
  font-family: "Merriweather", serif;
  font-size: 32px;
}

#heilmann{
  display: inline-block;
  background-color: rgb(250,220,0);
  width:420px;
  height: 320px;

  
}
.upperleft{
    display: inline-block;
  background-color: rgb(240,160,202);
  width:84px;
  height: 84px;
    float: left;
    
}

.upperright{
    display: inline-block;
  background-color: rgb(0,150,80);
  width:168px;
  height: 84px;
    float: right;
    
}

.downleft{
    display: inline-block;
  background-color: rgb(240,75,50);
  width:168px;
  height: 84px;
    margin-top: 236px;
    margin-left:-84px; 
   float: left;
    
}

.downright{
    display: inline-block;
  background-color: rgb(25,100,175);
  width:84px;
  height: 84px;
    margin-top: 236px;
    float: right;
    margin-right:-168px;

    
}