html, body, h1{
    margin:0;
    padding:0;
}

main{
    width: 100%;
    text-align: center;
}
main>section, main>article{
    padding: 2vw 0;
    font-size: 2vw;
    font-family: "Arial";
    color: rgb(51, 51, 51);
    text-align: center;
    width: 95%;
    margin: auto;
}
main>section>header, main>article>header{
    text-align: center;
    font-size: 3.5vw;
    color: rgb(94, 50, 28);
    text-decoration: underline;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    font-style: italic;
    font-weight: 100;
}

.separator_1{
    background: url(../img/separator1.jpg);
    height: 10vw;
    background-size: cover;
    background-attachment: fixed;
    background-position: center
}

.separator_2{
    background: url(../img/separator2.jpg);
    height: 10vw;
    background-size: cover;
    background-attachment: fixed;
    background-position: center
}

.separator_3{
    background: url(../img/separator3.jpg);
    height: 10vw;
    background-size: cover;
    background-attachment: fixed;
    background-position: center
}
.separator_4{
    background: url(../img/separator4.jpg);
    height: 10vw;
    background-size: cover;
    background-attachment: fixed;
    background-position: center
}


@media (max-width: 600px){
    main>section>header, main>article>header {
        font-size: 26px;
    }
    main>section, main>article {
        font-size: 18px;
    }
}