.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
    grid-column:1/2;
	grid-row:1/3;
    }
  
  .rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    height:100%;
    margin:0;
    padding:0;
    left: 0;
    top: 0;
    }
  
  .rslides li:first-child {
    position: relative;
    display: block;
    float: left;
    }
  
  .rslides .slideimg {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    height:100%;
    border: 0;
    position: relative;
    z-index:1;
    object-fit: cover;
    }

    .corner {
        position: absolute;
        left:0;
        bottom:0;
        height:15em;
        z-index:2;
        opacity:0.9;
    }

    .rslides .info {
        position:absolute;
        z-index:3;
        left:2em;
        bottom:2em;
    }

        .info h2 {
            margin:0;
        }

        .info .cat {
            background-color:#fff;
            color:#333;
            margin:0;
        }
    

main {
    display:grid;
    grid-template-columns: 3fr 1fr;
    grid-template-rows: 2fr 1fr;
    grid-gap:1em;
}

    .find {
        padding:2em;
        grid-column:2/3;
	    grid-row:1/2;
    }

        .find .table {
            width:100%;
        }

        .find .row {
            display:grid;
            grid-template-columns: 1fr 40px;
            grid-gap:1em;
        }

        .find p {
            color:#fff;
            line-height: 1;
            margin:0;
            font-size:1.1em;
            padding:0.5em 0;
        }

            .find p.num {
                text-align: right;
            }

    .intro {
        background-color:#fff;
        padding:2em;
    }

        .intro h1 {
            font-size:1.1em;
            font-weight: normal;
            line-height: 1.6;
        }

@media screen and (max-width:899px) {
    main {
        grid-template-columns: 1fr 1fr;
    }   

        .rslides {
            grid-column:1/3;
        }

        .find {
            grid-column:1/2;
            grid-row:unset;
        }

        .intro {
            grid-row: unset;
            grid-column: 2/3;
        }
}

@media screen and (max-width:449px) {
    .find,
    .intro {
        grid-column: 1/3;
    }

    .find .row {
        background-color:#3333;
        margin-bottom:2px;
        text-decoration: none;
    }

    .find p,
    .find p.num {
        padding:1.25em;
    }

    .find .row:hover {
        background-color:#fff;
    }

        .find .row:hover p {
            color:#333;
        }
}

@media screen and (max-width:359px) {
    .rslides .info {
        left:1em;
        bottom:1em;
    }

    .corner {
        height:9em;
    }

    .intro,
    .find {
        padding:1em;
    }
}