body {
  color: white;
  background-image: url(http://students.fsartanddesign.org/odalys/GD50/imgs/odalys-bkgd.png);
  background-size: cover;

  background-repeat: no-repeat;
  width: ; 612px
  height: 792px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 100px;  background-position: fixed;
  }

.grid-container {
  display: grid;
  grid-template-columns:
  grid-template-rows: repeat 30% 60% 30%;
  padding: 150px;
}
.header{
  grid-column: 1/5;
  grid-row: 1/2;
  margin-top: 50px;
  margin-left: 200px;
  text-align: center;
  margin-right: 200px
}
h1 {
  font-size: 84pt;
  padding: 50px 50px 50px
}
h2 {
  font-size: 22pt;
}
h3 {
  font-size: 18pt;
}
.font1 {
  grid-column: 1/2;
  grid-row: 2/4;
  margin-left: 150px;
  margin-right: 50px;
}
.thin {
  font-size: 20px;
  light-height: 18px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 100;
}
.thinitalic {
  font-size: 20px;
  light-height: 18px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 100;
  font-style: italic;
}
.regular {
  font-size: 20px;
  light-height: 18px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  font-style: regular;
}
.italic {
  font-size: 20px;
  light-height: 18px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  font-style: italic;
}
.font2 {
  grid-column: 2/3;
  grid-row: 2/3;
  margin-left: 10px;
  width: 300px;
  text-align: left-justify; 
}
.light {
  font-size: 20px;
  light-height: 18px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 300;
  font-style: italic;}
.Font3{
  grid-column: 3/4;
  grid-row: 2/3;
  width: 300px
}
.lightitalic {
  font-size: 20px;
  light-height: 18px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 300;
  font-style: italic;}
.Font4 {
  grid-column: 4/5;
  grid-row: 2/4;
  margin-right: 150px;
  margin-left: 50px;
}
.bold {
  font-size: 20px;
  light-height: 18px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  font-style: regular;}
.bolditalic {
  font-size: 20px;
  light-height: 18px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  font-style: italic;}
.semibold {
  font-size: 20px;
  light-height: 18px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  font-style: regular;}
.semibolditalic {
  font-size: 20px;
  light-height: 18px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  font-style: italic;}

.img {
    height: 1300px; 
    width: 900px; 
    background-image: url(http://students.fsartanddesign.org/odalys/GD50/imgs/odalys-cups.png);
    background-size: 100%;
    backround-repeat: no-repeat;
    backround-position: center;
  grid-column: 2/4;
  grid-row: 3/4;  
  overflow: visible;
  background-position: center;
}

.History{
  grid-column: 1/3;
  grid-row: 4/5;
    margin-left: 150px;
  margin-bottom: 50px;
  margin-top: 100px;
  text-align: left-justify;
}
.Body {
  grid-column: 3/5;
  grid-row: 4/5;
  margin-right: 150px;
  margin-bottom: 50px;
  margin-top: 100px;
  text-align: left-justify;
}

.grid-container div {
  font-color: white;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: regular;
  font-size: 20px;
  padding: 1em;
  
}