html {
    background-image: url('Images/pozadiehlavne.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

body {
    margin-left: 200px;
    margin-right: 200px;
    background-image: url('Images/pattern.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    min-height: 100vh;
    border: 5px double rgb(225,128,0);
    border-radius: 30px;
}

header {
    margin-bottom: 0;
    border-radius: 30px;
    border-bottom: 5px double rgb(225,128,0);
    overflow: hidden;
}

.header-img {
    width: 100%;
    height: auto;
    display: block;
    border: 0 transparent;
    border-radius: 30px;
}
@media (max-width: 800px) {
    html {
        background-color: rgb(255, 222, 26);
        background-image: none;
    }
    body {
        margin: 0;
    }
    header {
        background-size: 100vw;
        border-radius: 30px;
        border-bottom: 5px double rgb(225, 128, 0);
    }
}
img {
    display: block;
}
     .container {
        background-color: rgb(255, 222, 26);
        display: grid;
        width: 100%;
        height: 100vh;
        border: 5px transparent;
        border-radius: 15px;
        grid-template-rows: 1fr 1fr;
        overflow: hidden;
    }
    .row1 {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 8fr 5fr;
    }
    .row2 {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 4fr 9fr;
    }
    .row1 div,
    .row2 div {
        background-color: rgba(252, 174, 30, 0.5);
        border: 5px transparent;
        border-radius: 15px;
    }
    .row1 div,
    .row2 div {
        max-height: 50vh;
    }
    .row1 div,
    .row2 .row35 div,
    .row2 .row46 div {
        margin: 5px;
        padding: 10px;
        overflow: auto;
        border: 5px double rgb(225,128,0);
        background-color: rgba(252, 174, 30, 0.5);
    }
    .row2 .row46 div {
        overflow: hidden;
    }
    .row2 .row35 {
        display: grid;
        grid-template-rows: 7fr 3fr;
    }
    .row2 .row46 {
        display: grid;
        grid-template-rows: 1fr 1fr;
    }
    .row1,
    .row2,
    .row2 .row35,
    .row2 .row46 {
        background-image: url('Images/pattern.jpg');
        background-size: cover;
        background-attachment: fixed;
        background-repeat: no-repeat;
    }
.no4 {
    background-image: url("Images/aquarium.gif");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 15px;
}