/* VERY UNIVERSAL*/

@import url('https://fonts.googleapis.com/css?family=Cinzel:400,700,900|Lato:400,400i,700');

*{
  text-decoration: none;
}


body
{
  background-color: #18130c;
}


/* END OF VERY UNIVERSAL*/

/*GRID CONTAINERS*/

.Historygridcontainer
{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  max-width: 2000px;
  max-height: auto;
  margin: 1em auto;


}

.TypeImagesgrid
{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  max-width: 2000px;
  max-height: auto;
  margin: 0 auto;
}

.HistoryImagesgrid2
{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  max-width: 2000px;
  max-height: auto;


}

/* END OF GRIDS*/




/*THE RED ZONE*/

img
{
    min-width: 280px;
    max-width: 100%;
    margin: 5px;
    margin-left: 0px;
      height: auto;
      margin-top: auto;
}


a{
  grid-column: 1/1;
  grid-row: 2/2;
  font-size: 1em;
  font-family: 'Lato', sans-serif;
    color: #ffeacf;
}



p {
    font-family: 'Lato', sans-serif;
    color:#ffeacf;
    font-size: 1em;
  }

h3
{
  font-size: 1.7em;
  letter-spacing: .9em;
  position:absolute;
  margin-left: 100px;
  width: 100%;
}


/*END OF RED ZONE*/

  .Italics
  {
      font-style: italic;
      font-size: 1em
  }


.txtblocks
{
  font-family: 'Lato', sans-serif;
  width: 300px;
  margin: 20px;
  grid-column: 2/2;
  grid-row: 3/3;
  background-color: #18130c;
  color: #ae6528;
  border: 5px solid #18130c;

}

.txtblocks2
{
  font-family: 'Lato', sans-serif;
  width: 300px;
  margin: 20px;
  grid-column: 1/2;
  background-color: #18130c;
  color: #ae6528;
  border: 5px solid #18130c;

}


.Isle
{
  font-family: 'Lato', sans-serif;
max-width: 300px;
grid-column: 2/2;
grid-row: 1/2;
background-color: #18130c;
color: #ae6528;
max-height: 3.5em;

z-index: -1;

}


.Domesticated
{
  font-family: 'Lato', sans-serif;
  min-width: 200px;
  max-width: 400px;
  font-size: 1.8em;
}

.HistoryImagesgrid2
{

}


/*HISTORY*/

  .History
    {
      font-family: 'Cinzel', serif;
      font-weight: 700;
      font-size: 214px;
      font-size: 5.375em;
      grid-column: 1/1;
      letter-spacing: -2px;
      max-width: 100%;
    }


.H
{
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 300px;
  font-size: 1.3em;
  grid-column: 1/1;
  max-width: 100%;
  margin-right: -16px;

  max-height: auto;
}

.Isleflag
{
  grid-column: 2/4;
  grid-row: 1/2;
  max-width: 85%;
    height: auto;
    column-gap: 1fr;
    z-index: -2;
    border:1em solid #18130c;
}


.GridImgs2

{
  grid-column: 2/2;
  grid-row: 1/1;
  max-width: 100%;
    height: auto;
    column-gap: 1fr;
    margin: 3em;
    margin-top: 28em;
}





/* END OF HISTORY*/








/* FOR TYPE ONLY*/

.THETYPES
{
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 214px;
  font-size: 5.375em;
  grid-column: 1/1;
  letter-spacing: -2px;
  max-width: 100%;
}

.T
{
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 300px;
  font-size: 1.3em;
  grid-column: 1/1;
  max-width: 100%;
  margin-right: -16px;
}


.h32
{
font-size: 1.7em;
letter-spacing: .35em;
position: absolute;
margin-left: 80px;
width: 100%;
margin-top: 24px;
}


/* END OF TYPE ONLY*/



/* colors and fonts/typefaces*/




.Lato
{
  font-family: 'Lato', sans-serif;
}

.Cinzel
{
  font-family: 'Cinzel', serif;
}


.drkestclr
{
  color: #18130c;
}
.acolor
{
  color: #472e13;
}
.aftermidroadcolor
{
  color: #ae6528;
}
.lightclr
{
  color: #ffeacf;
}

/* THE COLUMNS*/

.COLUMNS
{
  font-family: 'Lato', sans-serif;
  grid-column: 1/1;
  column-count: 2;
  column-gap: 30px;
  min-width: 600px;
  max-width: 600px;
  color: #ffeacf;
  font-size: 1em;


}

.LONECOLUMN
{
  font-family: 'Lato', sans-serif;
  max-width: 400px;
  color: #ffeacf;
  font-size: 1em;
  grid-column: 2/2;
  grid-row: 4/4;
}
.LONECOLUMN2
{
  font-family: 'Lato', sans-serif;
  max-width: 400px;
  color: #ffeacf;
  font-size: 1em;
  grid-column: 3/3;
  grid-row: 1/1;
  margin-top: 26em;
}


/* END OF THE COLUMNS*/







a:hover
{
  background:  #472e13;
}