h2 {
  font-family: Lato;
}

.eventscontainer {
  padding: 1em;
  max-width: 412px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-areas: "eventlogo"
                       "head1"
                       "hollyfishimg"
                       "head2"
                       "english1"
                       "head3"
                       "french1"
                       "base1"
                       "new1"
                       "base2"
                       "new2";
}

.head1 {
  font-size: 16pt;
  /* margin: 0 auto; */
  font-weight: 400;
  font-family: Helvetica;
  grid-area: head1;
}

.head2 {
  padding-top: 1em;
  padding-left: .5em;
  font-weight: 300;
  grid-area: head2;
}

.head3 {
  padding-top: 1em;
  font-weight: 300;
  grid-area: head3;
}

.eventstext{
  padding: .5em;
  font-weight: 500;
  font-family: 'Montserrat';
}

.eventlogo {
  grid-area: eventlogo;
}

.english1 {
  grid-area: english1;
}

.french1 {
  grid-area: french1;
}

.hollyfishimg {
  margin: 0 auto;
  width: 100%;
  height: auto;
}

.base1 {
  padding: .5em;
  font-weight: 300;
  grid-area: base1;
}

.base2 {
  padding: .5em;
  font-weight: 300;
  grid-area: base2;
}

.new1 {
  grid-area: new1;
}

.new2 {
  grid-area: new2;
}

/* .footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: grey;
   color: white;
   padding-right: 2em;
   text-align: right;
} */


@media screen and (min-width: 835px) {

  .eventscontainer {
    padding: 1em;
    max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-areas: "eventlogo head1"
                         "hollyfishimg hollyfishimg"
                         "head2 head3"
                         "english1 french1"
                         "base1 base2"
                         "new1 new2";
  }

  .hollyfishimg {
    height: auto;
    width: auto;
    max-width: 786px;
    max-height: 559px;
    display: block;
    margin: 0 auto;
    grid-area: hollyfishimg;
  }

  .head1 {
    padding-top: .7em;
    font-size: 20pt;
    margin: 0 auto;
    font-weight: 400;
    font-family: Helvetica;
    grid-area: head1;
  }
}
a {
  text-decoration: none;
}
/* unvisited link */
a:link {
  color: red;
}

/* visited link */
a:visited {
  color: red;
}

/* mouse over link */
a:hover {
  color: black;
}

/* selected link */
a:active {
  color: black;
}