* {
    margin: 0;
    padding: 0;
}

#wrapper {


    max-width: 1920;
    margin: 0 auto;



}

#wrapper-water, #main-text {


    max-width: 1160px;
    margin: 0 auto;



}

#under-fnmenu {


    max-width: 900px;
    margin: 0 auto;



}

#under-logo {

    max-width: 960px;
    margin: 0 auto;



}

#under-logo-water {
    max-width: 400px;
    padding-left: 28.1em;
}

img.fullwidth{
    width:100%;
    height:auto;
    }

#under-logo-mq {

    position: absolute;
    visibility: hidden;



}

header {

    background-color: #ffffff;
    display:grid;
    grid-template: 1fr / 1fr;
    order: 2;
}

#sticky-container {/*Makes the header stay at top*/



    position: sticky;
    top: 0;



}

nav ul{
    display: flex;
    justify-content: space-around;
    list-style-type:none;
    padding:0.5em 0;
}

#inmove {
    padding-top: 1.2em;
}
nav li{
    font-family: Montserrat;
    font-style: regular;
    font-size: 20px;
    
    color: #999999;
}

#Home {

    color: #000000;
}

#visibility-i {

    padding-right: 5px;
}

#inmove-kontakt {

    padding-left: 4.1em;
    margin-right: -3.9em;

    cursor: not-allowed;
}

#inactive-none {
    cursor: not-allowed;
}
#inactive {
    text-decoration: line-through;

    padding-top: 1.2em;
}

#under-logo-container {
    box-shadow: 0 0 10px black;
    background-image: url(images/Rectangle\ 7.png);
}

#main-container{
    display:grid;
    grid-template: 1fr / 1fr;
    grid-template-rows: repeat(5, auto);
}

#main-text {
    order: 1;  
    place-self: center;
}

#main-title {
    font-family: Montserrat;
    font-style: regular;
    font-size: 22px;
    color: #000000;
    text-align: center;
}

#main-first-text{
    text-align: center;
}


#main-secend-title {
    font-family: Montserrat;
    font-style: regular;
    font-size: 18px;
    color: #000000;
    text-align: center;
}

#image-main-logo {
    z-index: -2;
}

#image-main-logo, #main-text {
    grid-area: 1 / 1 / -1 / -1;
}

h3 {
    font-family: Montserrat;
    font-style: regular;
    font-size: 22px;
    color: #000000;
}

p {
    font-family: Montserrat;
    font-style: regular;
    font-size: 14.5px;
    color: #000000;
}

    #article-container {

        margin-top: 3em;
        padding: 1em;
    }

    #shadow-container {
        box-shadow: 0 0 10px black;
    }
    .goal-image-container{
        padding-top: 52px;
    }
    #article-first-container {
        display: flex;
    }

    #article-first-text {
        margin-top: 4em;
    }
    
    .article-first-text-container {
        margin-top: 40%;
    }

    .article-secend-text-container {
        margin-top: 28%;
    }

    .article-three-text-container {
        margin-top: 36%;
    }

    .article-four-text-container {
        margin-top: 33%;
    }

    #fill-first-text {
        margin-top: 3.7em;
        margin-left: 101px;
    }

    #fill-secend-text {
        display: none;
    }
    .video-container-mq {
        position: absolute;
        visibility: hidden;
    }
    .video-container-mq iframe {
        top:0;
        left: 0;
        border: none; 
        z-index: -1;
    }
    .video-container {
        max-width: 960px;
        margin: 0 auto;
        position: relative;
        padding-bottom: 56.25%; /* - for 16:9 video*/
        /*padding-bottom: 75%;*/  /* - for 4:3 video*/
        padding-top: 35px;
        height: 0;
        overflow: hidden;
        z-index: -1;
    }
    .video-container iframe {
        margin-top: 12.9em;
        top:0;
        left: 0;
        border: none; 
        z-index: -1;
    }



    a {
        color: #707070;
        text-decoration: none;
    }

    a:hover {

        color: #000000;
    }

        #footer-container-secend {
            display: flex;
            justify-content: space-between;
            padding-top: 2em;
            background-image: url(images/Rectangle\ 6.png);
        }

        #footer-container {
            display: flex;
            justify-content: space-between;
            padding-top: 2em;
            background-image: url(images/Rectangle\ 5.png);
        }
        
        #footer-text {
            font-family: Montserrat;
            font-style: regular;
            font-size: 15px;
            padding-right: 3em;
            padding-top: 8.5em;
        }
        
        
        #footer-text{
        z-index: 2;   
        }

        @media screen and (max-width:760px){

            #wrapper-water {

                max-width: 300px;

                margin: 0 auto;
            }

            
            #under-logo-water {
                max-width: 400px;
                padding-left: 0em;
            }
            /* hvis sections bruger flexbox (med default, vandret) */
                section, footer, header, nav ul, #visibility-i{
                    flex-direction:column;
                }

                #relative-logo {
                    visibility: hidden;
                }

                header {
                    box-shadow: none;
                }

                nav li {
                    
                    padding: 0;
                    margin: 0;
                    
                    text-align: center;
                }

                nav ul {
                    padding-top: 6.9em;
                }

                #main-text {

                    text-align: center;
                    margin-top: 7.1em;
                }

                #inmove-kontakt {
                    padding: 0;
                    margin: 0;
                }

                p {
                    font-size: 11px;
                }
                
                #footer-text {
                    padding-right: 0;
                    padding-top: 3em;
                }

                #sticky-container {
                    position: relative;
                }

                #image-article-mid, .video-container, #fill-first-text {
                    position: absolute;
                    visibility: hidden;
                }

                #text-container {

                    max-width: 300px;

                    margin: 0 auto;
                    padding-top: 9.1em;
                }

                .video-container-mq {
                    max-width: 960px;
                    margin: 0 auto;
                    position: relative;
                    visibility: visible;
                    padding-top: 3em;
                    margin-bottom: -3em;
                    padding-bottom: 100%; /* - for 16:9 video*/
                    /*padding-bottom: 75%;*/  /* - for 4:3 video*/
                    height: 0;
                    overflow: hidden;
                }
                .video-container-mq iframe {
                    top:0;
                    left: 0;
                    border: none; 
                    z-index: -1;
                }

                #under-logo-mq {
                    visibility: visible;

                    max-width: 960px;
                    margin-top: 1em;
                }

                .article-first-text-container {
                    margin-top: 60%;
                }

                .article-secend-text-container , .article-three-text-container{
                    margin-top: 52%;
                }

                .article-four-text-container {
                    margin-top: 61%;
                }



                #article-first-container {
                    padding-top: 3em;
                }

                #article-container {
                    padding: 0;
                    padding-right: 1em;
                    padding-top: 1em;
                }

                #fill-secend-text {
                    position: relative;
                    visibility: visible;
                    display: block;

                    padding-top: 1.1em;
                    padding-bottom: 1.1em;
                }

                #under-logo {
                    position: absolute;
                    visibility: hidden;
                }




            }