main {
    /*Positie Container Header Element, ijkpunt Linksboven*/
    position: relative;
    left: 0;

    /*Grote van het het header element*/
    width: 100%;

    /*Styling*/
    margin: 30px auto;
    padding: 10px;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    flex-direction: column;

    max-width: 1024px;    
}

#index {
    /*Positie Container Header Element, ijkpunt Linksboven*/
    position: absolute;
    top: 140px;
    left: 200px;

    /*Grote van het het header element*/
    width: calc(100% - 200px);
}

.hidden {
    display: none;
}

h1 {
    margin-bottom: 14px;
}

article {
    max-width: 640px;
    margin: 0 auto;
    text-align: left;
}

iframe {
    max-width: 640px;  
    width: 100%;
    height: 360px;
}

@media all and (max-width: 600px){
    main#index {
        display: none;
    }
}