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

/**RED ZONE**/

*{


text-decoration: none;


}

body
{
  background-color: #ffeacf;
}


img
{
  min-width: 300px;
  max-width: 100%;
  height: auto;
}

a
{
  font-family: 'Lato', sans-serif;
  color: #472e13;
}


/*RED ZONE END*/


.introgridcontainer
{
  display: grid;
  grid-template-columns: 1fr 15% 1fr;
  max-width: 1950px;
  max-height: auto;
  margin: 0 auto;
}

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

.Lato2222
{
  font-family: 'Lato', sans-serif;
  grid-column: 1/1;
  grid-row: 2/3;
  padding-bottom: 300px;
  margin-left: 40px;
  min-width: 200px;
  max-width: 300px;
}


.Moreinfo
{
  font-family: 'Lato', sans-serif;
  grid-column: 1/1;
  grid-row: 2/2;
  min-width: 100px;
  max-width: 200px;
  font-size: 1.5em;
}


.h2
{
  font-family: 'Lato', sans-serif;
  font-size: 3em;
  letter-spacing: 18px;
  position: absolute;
  top: 10px;
  left: 205px;

}

.C
{
  /**font-size: 225px;**/
  font-size: 1.5em;
  margin-right: -70px;
  margin-left: 80px;
}



.IntroCats
  {
    font-family: 'Cinzel', serif;
    font-size: 10.03125em;
    grid-column: 1/1;
    margin-left:-50px;
  }


.GridImgs

{
  grid-column: 3 / 3 ;
  grid-row: 1/4;


}


/*colors*/


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


a:hover
{
  background: #ae6528;
}