.main .rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.main .rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  margin:0;
  padding:0;
}

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  border-radius:1em;
}

.intro {
  margin-bottom:5em;
}
  
  .intro .text {
    float:left;
    width:31.75%;
  }

    h1 {
      font-size:3em;
      font-weight:400;
      color:var(--green);
    }

.rslides {
  float:right;
  width:65.75%;
}

.blocks {
  display:grid;
  grid-template-columns: repeat(3,1fr);
  grid-gap:3em;
}

  .contact input[type="submit"]{
    background-color:var(--green);
    color:#fff;
    width:auto;
    padding:0.5em 2em;
    text-transform: uppercase;
    float:right;
  }

    .contact input[type="submit"]:hover {
      background-color:var(--brown);
    }

  .contact label {
    color:#666;
  }

  .ni {
    margin-bottom:1em;
  }

    .ni > img {
      float:left;
      width:25%;
      border-radius:0.5em;
    }

    .ni .text {
      float:right;
      width:70%;
    }

      .ni h3 {
        font-size:1.6em;
        color:var(--green);
        margin-bottom:0.25em;
        margin-top:0;
      }

        .ni:hover h3 {
          text-decoration:underline;
        }

      .ni p {
        font-size:1em;
        line-height: 1.4;
      }

      .ni p.date {
        color:var(--brown);
        margin-bottom:0;
      }

.sponsor img {
  width:100%;
  /*border-radius: 0.5em;*/
}

.map-btns {
  margin-top:2em;
}

.map-btns > div {
  display:grid;
  grid-template-columns: 1fr 1fr;
  grid-gap:2em;
}

  .map-btns a {
    text-decoration: none;
    position: relative;
  }

    .map-btns a h2 {
      position:absolute;
      left:1em;
      font-size:3em;
      color:#fff;
      top:50%;
      margin:0;
      transform: translateY(-50%);
      z-index:10;
    }

    .map-btns img {
      border-radius:1em;
      width:100%;
    }

    .map-btns a:hover img {
      opacity:0.8;
    }

@media screen and (max-width:799px) {
  .intro .text,
  .intro .rslides {
    width:100%;
  }

  .blocks {
    display:block;
  }

    .blocks .div {
      float:right;
      width:100%;
    }
  
  .map-btns > div {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width:399px) {
  .map-btns {
    margin-bottom:5em;
  }
  .map-btns > div {
    grid-gap:1em;
  }
}