#dynbodypad {
    padding: 0 5vw 5vw 5vw;

    @media (min-width: 768px) {
      padding: 0 20vw 5vw 20vw;
    }
}

#titlestyle h1 {
  line-height: 1;
  text-align: center;
}

#titlestyle p {
  line-height: 0.5;
  text-align: center;
}

.gridofimages {
  display: grid;
  grid-template-columns: 1fr;
  place-items: center;
  gap: 2vw;

  @media (min-width: 768px) {
    grid-template-columns: 1fr 1fr;
    gap: 2vw;
  }
}

.gridofimages p {
  color: #B5502C;
}

#footerstyle {
  background-color: #B5502C;
  place-items:center;
  padding: 3vw 0 3vw 0;
}

#footerstyle p {
  text-align: center;
  color: #FFFFFF;
}

#footerstyle a {
  color: #FFFFFF;
}

.images {
  width: 90vw;
  height: auto;
  border: 0.1rem solid #B5502C;

  @media (min-width: 768px) {
    width: auto;
    height: 18vw;
    border: 0.1rem solid #B5502C;
  }
}

.list {
  font-family: Times;
  font-size: 1.2rem;
  list-style-type: '• ';
  line-height: 1.6;
}

.qrcode {
  width: 50vw;
  height: auto;

  @media (min-width: 768px) {
    width: 20vw;
    height: auto;
  }
}

h1 {
    font-family: Times;
    font-size: 2rem;
    color: #B5502C;
}

h2 {
    font-family: Times;
    font-size: 1.5rem;
    text-align: left;
    color: #B5502C;
}

h3 {
    font-family: Times;
    font-size: 1.25rem;
    text-align: left;
    color: #B5502C;
    line-height: 1.2;
}

a {
    color: #B5502C;
}

p {
    font-family: Times;
    font-size: 1.2rem;
    text-align: left;
    color: #333333;
    line-height: 1.6;
}