.cnt {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 32px;
    padding: 32px;
    }

.link {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border: 3px solid #FFFAFA;
    border-radius: 16px;
    height: 200px;
    width: 200px;
    box-shadow: 0 0 8px #808080;
    transition-duration:0.4s;
    }

.link:hover {
    border: 3px solid #AF0909;
    }

.link-opis {
    color: #AF0909; margin-top: 10px;
    }

#link1 { background-image: url("/pg_pojazdy/1.webp?ts="); background-repeat: no-repeat; background-position: center; }
#link1:hover { background-image: url("/pg_pojazdy/1f.webp?ts="); }

#link2 { background-image: url("/pg_pojazdy/2.webp?ts="); background-repeat: no-repeat; background-position: center; }
#link2:hover { background-image: url("/pg_pojazdy/2f.webp?ts="); }

#link3 { background-image: url("/pg_pojazdy/3.webp?ts="); background-repeat: no-repeat; background-position: center; }
#link3:hover { background-image: url("/pg_pojazdy/3f.webp?ts="); }

#link4 { background-image: url("/pg_pojazdy/4.webp?ts="); background-repeat: no-repeat; background-position: center; }
#link4:hover { background-image: url("/pg_pojazdy/4f.webp?ts="); }

#link5 { background-image: url("/pg_pojazdy/5.webp?ts="); background-repeat: no-repeat; background-position: center; }
#link5:hover { background-image: url("/pg_pojazdy/5f.webp?ts="); }

#link6 { background-image: url("/pg_pojazdy/6.webp?ts="); background-repeat: no-repeat; background-position: center; }
#link6:hover { background-image: url("/pg_pojazdy/6f.webp?ts="); }

#link7 { background-image: url("/pg_pojazdy/7.webp?ts="); background-repeat: no-repeat; background-position: center; }
#link7:hover { background-image: url("/pg_pojazdy/7f.webp?ts="); }

#link8 { background-image: url("/pg_pojazdy/8.webp?ts="); background-repeat: no-repeat; background-position: center; }
#link8:hover { background-image: url("/pg_pojazdy/8f.webp?ts="); }

#link9 { background-image: url("/pg_pojazdy/9.webp?ts="); background-repeat: no-repeat; background-position: center; }
#link9:hover { background-image: url("/pg_pojazdy/9f.webp?ts="); }

@media screen and (min-width: 701px) {
    :root {
        --main-f-direction: row;
        }
    }

@media screen and (max-width: 700px) {
    :root {
        --main-f-direction: column;
        }
    }

.page{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: space-between;
    align-items: center;
    min-height: 100vh;
    border-top: 1px solid #eeeeee;
    }

.page_links{
    display: flex;
    flex-direction: var(--main-f-direction);
    align-content: space-between;
    justify-content: space-between;
    align-items: center;
    width: 50vw;
    min-height: 40vh;
    }

.page_links > a, .page_links > a:link, .page_links > a:visited, .page_links > a:active {
    display: block;
    color: #660000;
    transition: all 0.3s;
    padding: 2px 15px;
    border-bottom: 2px solid #eeeeee;
    min-width: 100px;
    }

.page_links > a:hover {
    border-bottom: 2px solid #660000;
    }

.h3_style {
    padding: 20px 100px;
    color: #eeeeee;
    background-color: #660000;
    border-radius: 512px;
    margin-top: 70px;
    box-shadow: 0 0 24px 0px rgba(66, 66, 66, 0.7);
    }