@import "fonts/font-stylesheet.css";

.grid-container {
  display: grid;
  width: 665px;
  grid-template-columns: 430px 215px 20px;
  grid-gap: 4px;
  background-color: #1d3151;
  color: #fff;
  font-family: "Baskerville Old Face";
}



div
{
  padding: 10px;
font-family: "Baskerville", serif;}

.bigB, .littleB, .typeface {
  grid-column: 1/2;
  grid-row: 1/2;
/*   line-height: 1px; */
    margin:0;
  padding: 0;

}

.bigB{
  grid-template-columns: 1 / span 2;
  font-size: 40em;
  color: #bccacb;
  line-height: 1px;
  margin-top: -400px;
  margin-bottom:-400px;
  margin-left:-29px;


}
.littleB{
  font-size: 250px;
  font-style:italic;
  line-height: 1px;
  margin-top: -119px;
  text-align: center;
  margin-left: -67px;

}
.typeface{
  margin-top: 230px;
  text-align:center;
  font-size: 1.4em;
  margin-left: -53px;
}

  .semibold {
   font-family: 'Baskerville';
   font-weight: 600;
   font-style: normal;
 }
 .semibolditalic {
    font-family: 'Baskerville';
    font-weight: 600;
    font-style: italic;
 }
.bold {
    font-family: 'Baskerville';
    font-weight: bold;
    font-style: normal;
  }
.bolditalic {
    font-family: 'Baskerville';
    font-weight: bold;
    font-style: italic;
}



.lettersONE {
  grid-row: 2;
  font-size: 20px;
  line-height: 1.3;
  margin-right:200px;
  margin-left:15px;
  margin-top: -65px;
  margin-bottom:-100px;

  }

.italic {
  font-style:italic;}

.bold {
  font-family: 'Baskerville';
  font-weight: bold;
  font-style: normal;
}



.lettersTWO {
  grid-row: 2 / span 1;
  grid-column: 2;
  font-size: 20px;
  line-height: 1.3;
  margin-right: 100px;
  margin-left: -180px;
  margin-top:-65px;

}
.semibold{
  font-family: 'Baskerville';
  font-weight: 600;
  font-style: normal;
}
.bolditalic {
  font-family: 'Baskerville';
  font-weight: bold;
  font-style: italic;

}




.lettersTHREE {
  grid-row: 2;
  grid-column: 3;
  font-size: 20px;
  line-height: 1.3;
  margin-left: -150px;
  margin-top: -65px;
  margin-left: -190px;

}

.semibolditalic{
  font-family: 'Baskerville';
  font-weight: 600;
  font-style: italic;



}
.regular{


}
.history {
  grid-column: 2 / span 2;
  font-size: 16px;
  line-height: 1.3;
  text-align: right;
  margin-left: -95px;
  margin-right:50px;
  max-width: 250px;
  margin-bottom: -150px;
}