@media only screen and (max-width: 480px) {
    nav ul {
        display: none;
        background-color: #2c3e50;
        margin-top: 10px;
        padding: 0;
        text-align: center;
    }

    nav.active ul {
        display: block;
    }

    nav ul li {
        display: block;
        padding: 1rem 0;
        border-top: 1px solid #34495e;
    }

    nav ul li:last-child {
        border-bottom: 1px solid #34495e;
    }

    .hamburger {
        display: block;
        cursor: pointer;
    }

    .hamburger div {
        width: 30px;
        height: 4px;
        background-color: white;
        margin: 5px;
    }

    .foto img, .foto2 img, .foto3 img, aside img {
        width: 70%;
    }

    .tekst {
        padding: 10px;
        font-size: 14px;
    }

    footer {
        font-size: 16px;
    }
}