* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 767px) {
    /*body {
        color: tomato;
    }*/
    .galleri{
        grid-template-columns: 100%;
        grid-template-rows: 300px 300px 300px;
    }
    .event {
        grid-template-columns: 100%;
        grid-template-rows: 450px 450px 450px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    /*body {
        color: orange;
    }*/
    .galleri{
        grid-template-columns: 50% 50%;
        grid-template-rows: 300px 300px 300px;
    }
    .event {
        grid-template-columns: 100%;
        grid-template-rows: 450px 450px 450px;
    }
}
@media screen and (min-width: 1024px) {
    /*body {
        color: royalblue;
    }*/
    .galleri {
        grid-template-columns: 33% 34% 33%;
        grid-template-rows: 300px 300px 300px;
    }
    .event {
        grid-template-columns: 50% 50%;
        grid-template-rows: 450px 450px 450px;
    }
}

    body {
        margin: auto;
        max-width: 62em;
        font-size: 1em;
        line-height: 1.4;
    }


    header {
        /*background-color: #6fa8dc;*/
        padding: .25em 0;
    }

        header img {
            /*position: absolute;*/
            float: left;
            padding-left: 1em;
            width: 70px;
            height: auto;
            /*z-index: -1;*/
        }

    h1 {
        float: left;
        padding-left: .5em;
        font-size: 2.5em;
    }

    nav {
        text-transform: uppercase;
        border: 1px solid black;
        /*background-color: #e06666;*/
        padding: .25em 0;
    }

        nav ul {
            list-style-type: none;
            padding-left: 1.25em;
        }

        nav li {
            float: left;
            padding-right: 1.5em;
        }

    main {
        /*background-color: #b4a7d6;*/
    }

    article {
        float: left;
        padding: 1em;
        /*line-height: 1.5;*/
        width: 75%;
        /*background-color: white;*/
    }

    aside {
        float: left;
        width: 25%;
        padding: .5em;
        /*background-color: #b4a7d6;*/
    }
    /*div div {
    float: left;
    width: 100%;
    padding: .5em;
}*/

    footer {
        background-color: #b6d7a8;
        padding: .25em 1em;
        float: left;
        width: 100%;
    }

    .self-clear::after {
        content: "";
        display: block;
        clear: both;
    }

    p {
        /*background-color: #b6d7a8;*/
    }

    section ul {
        /*padding-left: 1.25em;*/
        /*margin: 1.25em;*/
        /*background-color: #e06666;*/
        list-style-position: inside;
        list-style-image: url(Billeder/pote20.png);
    }

    section li {
        padding-left: 1.5em;
        /*margin: 1.25em;*/
        /*background-color: #b4a7d6;*/
    }

    .galleri {
        display: grid;
        /*grid-template-columns: 33% 34% 33%;*/
        /*grid-template-rows: 300px 300px 300px;*/
        text-align: center;
        margin: auto;
    }
    .event {
        display: grid;
        text-align: center;
        margin: auto;
    }
/*
.itema {
    /*background-color: tomato;*/
        /*text-align: center;*
    }*/
    /*
.itemb {
    /*background-color: mediumorchid;*/
    /*text-align: center;
}*/
/*
.itemc {
    /*background-color: royalblue;*/
    /*text-align: center;
}*/
/*
.itemd {
    /*background-color: mediumseagreen;*/
    /*text-align: center;
}*/
/*
.iteme {
    /*background-color: orange;*/
    /*text-align: center;}*/

/*.itemf {
    /*background-color: gray;*/
    /*text-align: center;}
*/