* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Lato', sans-serif;
}

@media screen and (min-width:320px) and (max-width:480px) {





    /* mobil */




    div#wrapper{
        width:100%;
        background: #102933;

    }
    header {
        Height: 80px;
        background: #587482;

    }

    nav {
        height:40px;
        color:rgba(255,255,255,.6);
        background:#103a4b;
        text-align:center;
        line-height: 40px;
    }

    h2 {
        font-size: 24px;
        font-weight: 900;
        text-align: center;
        color:rgba(255,255,255,.7);
        margin: 20px 0 10px;
    }

    .nyheder article {
        width: 100%;
        padding:0 20px;
    }

    .nyheder article img {
        max-width:100%;
        display:block;
    }

    .nyheder article div { 
        background:#103a4b
    }
    .nyheder article h3 {
        font-size: 22px;
        text-align: center;
        color:rgba(255,255,255,.6);
        padding: 5px 15px 25px;
    }

    .nyheder article p {
        font-size: 14px;
        text-align: center;
        color: rgba(255,255,255,.6);
        padding: 5px 15px 25px;
    }

    footer {
        background: #2d3133;
        padding: 20px;
    }

    address {
        font-size:14px;
        color: rgba(255,255,255,.7);
        text-align: center;
        font-style: normal;
    }
}





 /* tablet  */





@media screen and (min-width:481px) and (max-width:768px) {

            div#wrapper {
                width:100%;
                background: #102933

            }

            header {
                height: 80px;
                background: #587482;
            }

            nav {
                height: 40px;
                color:rgba(255,255,255,.6);
                background: #103a4b;
                text-align: center;
                line-height: 40px;
            }

            h2 {
                font-size: 24px;
                font-weight: 900;
                text-align: center;
                color:rgba(255,255,255,.7);
                margin: 20px 0 10px;
            }

            .nyheder {
                display: flex; 
                flex-direction: row;
                justify-content: space-between;
                flex-wrap: wrap;
            }

            .nyheder article {
                width: 50%;
                padding: 20px 5px 10px;
            }

            .nyheder article img{
                max-width: 100%;
                display:block
            }

            .nyheder article div {
                background:#103a4b
            }

            .nyheder article h3 {
                font-size: 22px;
                text-align: center;
                color:rgba(255,255,255,.3);
                padding:top 10px;
            }

            .nyheder article p {
                font-size: 14px;
                text-align: center;
                color:rgba(255,255,255,.6);
                padding: 5px 15px 25px;
            }

            footer {
                background: #2d3133;
                padding: 20px;
            }

            address {
                font-size: 14px;
                color:rgba(255,255,255,.7);
                text-align: center;
                font-style: normal;
            }
}





/* dekstop */





@media screen and (min-width:769px) {

    div#wrapper {
        width:100%;
        background: linear-gradient(to bottom, #061f29 0%,#264450 100%);
        margin: 0 auto;
        max-width: 1200px;
    }

    header {
        height: 80px;
        background: #587482;
    }

    nav {
        height: 40px;
        color:rgba(255,255,255,.6);
        background: #103a4b;
        text-align: center;
        line-height: 40px;
    }

    h2 {
        font-size: 24px;
        font-weight: 900;
        text-align: center;
        color:rgba(255,255,255,.7);
        margin: 20px 0 10px;
    }

    .nyheder {
        display: flex; 
        flex-direction: row;
        justify-content: space-between;
    }

    .nyheder article {
        width: 25%;
        padding: 0px 20px;
    }

    .nyheder article img{
        max-width: 100%;
        display:block;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
}

    .nyheder article div {
        background:#103a4b;
        max-height: 73px;
    }

    .nyheder article h3 {
        font-size: 22px;
        text-align: center;
        color:rgba(255,255,255,.3);
        padding:top 10px;
    }

    .nyheder article p {
        font-size: 14px;
        text-align: center;
        color: rgba(255,255,255,.6);
        padding: 5px 15px 25px;
    }

    footer {
        background: #2d3133;
        padding: 20px;
        clear:left;
    }

    address {
        font-size: 14px;
        color:rgba(255,255,255,.7);
        text-align: center;
        font-style: normal;
    }
}