/* Fonts from Google Fonts - more at https://fonts.google.com Peter Halley */
@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 {
  text-align:center;
  background-color: white;
  font-family: "Open Sans", sans-serif;
  padding: 5px 25px;
  font-size: 18px;
  margin: 0;
  color: #444;
  max-width: 100;
}


.menu {
  
  line-height: 30px
  
}

.bar {
  display: block;
  background-color: #487ead;
  max-width: 350px;
  margin: 0 auto ;
  border-radius: 5px;
  line-height: 2;
  
  
}

.bar:hover {
  
  background-color: #97c6de;
  color: aliceblue;
  
}

a {
  
  color: #f7c92e;
  
}

a:hover {
  
  color: white;
}

.container {
  margin: 0 auto;
  width: 450px;
  height: 30px;
  
}

.margin {
  margin-top: 17px;
}


.leftnav {
  
  display: inline-block;
  float: left
}

.rightnav {
  
  display: inline-block;
  float: right
}

  #albers {
    
    display:inline-block;
    background-color: rgb(244,192,185);
    width:320px;
    height:330px;
   
  
  }
#albers_inner1 {
  align-items: : center;
  background-color:rgb(250,151,101);
  width:240px;
  height:270px;
  margin-left:40px;
  margin-top:40px;
  

}

#albers_inner2 {
  align-items: : center;
  background-color:rgb(252,133,56);
  width:180px;
  height:190px;
  margin-left:0px;
  margin-top:50px;
  display:inline-block;
  
}
#albers_inner3 {
  align-items: : center;
  background-color:#f63;
  width:120px;
  height:130px;
  margin-left:30px;
  margin-top: 40px;
  

}

#halley {

  display:inline-block;
  background-color: rgb(221,210,191);
  width:320px;
  height:330px;


}
#halley_inner1 {
  align-items: : center;
  background-color:rgb(61,81,128);
  width:240px;
  height:270px;
  margin-left:40px;
  margin-top:60px;


}

#halley_inner2 {
  align-items: : center;
  background-color:rgb(46,31,26);
  width:40px;
  height:40px;
  margin-left:-90px;
  margin-top:50px;
  display:inline-block;

}
#halley_inner3 {
  align-items: : center;
  background-color:rgb(46,31,26);
  width:40px;
  height:40px;
  margin-left:90px;
  margin-top: 0px;


}

#halley_inner4 {
  display:inline-block;
  align-items: : center;
  background-color:rgb(46,31,26);
  width:40px;
  height:40px;
  margin-left:-180px;
  margin-top: 90px;


}

#halley_inner5 {
  align-items: : center;
  background-color:rgb(46,31,26);
  width:40px;
  height:40px;
  margin-left:90px;
  margin-top: 0px;


}

#heilmann {

  display:inline-block;
  background-color: rgb(244,192,185);
  width:450px;
  height:330px;


}
#heilmann_inner1 {
  align-items: : center;
  background-color:rgb(137,31,18);
  width:80px;
  height:80px;
  margin-left:0px;
  margin-top:0px;


}

#heilmann_inner2 {
  align-items: : center;
  background-color:rgb(34,94,145);
  width:170px;
  height:80px;
  margin-left:280px;
  margin-top:0px;
  display:inline-block;

}
#heilmann_inner3 {
  align-items: : center;
  background-color:rgb(13,86,32);
  width:170px;
  height:80px;
  margin-left:-280px;
  margin-top: 250px;


}

#heilmann_inner4 {
  align-items: : center;
  background-color:rgb(166,166,9);
  width:80px;
  height:80px;
  margin-left:370px;
  margin-top: 40px;


}

#marden {

  display:inline-block;
  background-color: rgb(122,52,56);
  width:330px;
  height:330px;


}
#marden_inner1 {
  align-items: : center;
  background-color:rgb(233,207,84);
  width:220px;
  height:330px;
  margin-left:110px;
  margin-top:0px;


}

#marden_inner2 {
  align-items: : center;
  background-color:rgb(68,98,184);
  width:110px;
  height:330px;
  margin-left: 110px;
  margin-top:0px;
  display:inline-block;

}

#alba {

  display:inline-block;
  background-color: rgb(204,192,185);
  width:400px;
  height:330px;


}
#alba_inner1 {
  align-items: : center;
  background-color:rgb(10,97,63);
  width:200px;
  height:330px;
  margin-left:200px;
  margin-top:0px;


}

#alba_inner2 {
  align-items: : center;
  background-color:rgb(10,97,63);
  width:140px;
  height:110px;
  margin-left:-340px;
  margin-top:110px;
  display:inline-block;

}
#alba_inner3 {
  align-items: : center;
  background-color:rgb(204,192,185);
  width:140px;
  height:110px;
  margin-left:140px;
  margin-top: 0px;


}

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