* {
    margin: 0;
    box-sizing: border-box;
    padding: 0;
}
body {
    font-family: 'Merriweather', serif;
    font-family: 'Playfair Display', serif;
    font-family: 'Sacramento', serif;
    font-size: 100%;
    height: 100%;
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
    background-color: rgb(243, 224, 199, 1);
    overflow-x: hidden;
}

/*--------------------------------------------*/

        /* D E S K T O P */
        /* D E S K T O P */
        /* D E S K T O P */
        /* D E S K T O P */
        /* D E S K T O P */
        /* D E S K T O P */
        /* D E S K T O P */
        /* D E S K T O P */
        /* D E S K T O P */
        /* D E S K T O P */
        /* D E S K T O P */
        /* D E S K T O P */
        /* D E S K T O P */
        /* D E S K T O P */
        /* D E S K T O P */
        /* D E S K T O P */
        /* D E S K T O P */
        /* D E S K T O P */
        /* D E S K T O P */
        /* D E S K T O P */

/*--------------------------------------------*/

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

.image {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3vh;
    padding-bottom: 3vh;
    padding-left: 40vw;
    padding-right: 40vw;
}
.image a {
    display: flex;
    justify-content: center;
}
.image img {
    max-width: 100%;
    pointer-events: none;
}
.header-top img:hover {
    cursor: pointer;
    pointer-events: none;
}
.text {
    font-family: 'Merriweather';
    margin-left: 1vw;
}
h1 {
    padding-bottom: 1vw;
    padding-top: 1vw;
}
h2 {
    padding-bottom: 1vw;
    padding-top: 1vw;
}
h3 {
    padding-bottom: 1vw;
    padding-top: 1vw;
}
p {

    line-height: 2vw;
}
ul {
    line-height: 2vw;
    list-style: none;
}

}

/*--------------------------------------------*/

        /* M O B I L E */
        /* M O B I L E */
        /* M O B I L E */
        /* M O B I L E */
        /* M O B I L E */
        /* M O B I L E */
        /* M O B I L E */
        /* M O B I L E */
        /* M O B I L E */
        /* M O B I L E */
        /* M O B I L E */
        /* M O B I L E */
        /* M O B I L E */
        /* M O B I L E */
        /* M O B I L E */
        /* M O B I L E */
        /* M O B I L E */
        /* M O B I L E */
        /* M O B I L E */
        /* M O B I L E */

/*--------------------------------------------*/

@media only screen and (min-width: 0px) and (max-width: 420px) and (orientation: portrait) {

.image {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5vh;
    padding-bottom: 3vh;
    padding-left: 40vw;
    padding-right: 40vw;
}
.image a {
    display: flex;
    justify-content: center;
}
.image img {
    min-width: 40vw;
    max-width: 100%;
    pointer-events: none;
}
.image img:hover {
    cursor: pointer;
    pointer-events: none;
}
.text {
    font-family: 'Merriweather';
    font-size: 0.7rem;
    margin-left: 3vw;
    margin-right: 3vw;
}
h1 {
    padding-bottom: 2vh;
    padding-top: 2vh;
    font-size: 1rem;
}
h2 {
    padding-bottom: 2vh;
    padding-top: 2vh;
    font-size: 0.9rem;
}
h3 {
    padding-bottom: 2vh;
    padding-top: 2vh;
    font-size: 0.8rem;
}
p {

    line-height: 1rem;
}
ul {
    line-height: 1rem;
    list-style: none;
}

}

/*--------------------------------------------*/

        /* M O B I L E - L A N D S C A P E */
        /* M O B I L E - L A N D S C A P E */
        /* M O B I L E - L A N D S C A P E */
        /* M O B I L E - L A N D S C A P E */
        /* M O B I L E - L A N D S C A P E */
        /* M O B I L E - L A N D S C A P E */
        /* M O B I L E - L A N D S C A P E */
        /* M O B I L E - L A N D S C A P E */
        /* M O B I L E - L A N D S C A P E */
        /* M O B I L E - L A N D S C A P E */
        /* M O B I L E - L A N D S C A P E */
        /* M O B I L E - L A N D S C A P E */
        /* M O B I L E - L A N D S C A P E */
        /* M O B I L E - L A N D S C A P E */
        /* M O B I L E - L A N D S C A P E */
        /* M O B I L E - L A N D S C A P E */
        /* M O B I L E - L A N D S C A P E */
        /* M O B I L E - L A N D S C A P E */
        /* M O B I L E - L A N D S C A P E */
        /* M O B I L E - L A N D S C A P E */

/*--------------------------------------------*/

@media only screen and (min-width: 421px) and (max-width: 920px) and (orientation: landscape) {

.image {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5vh;
    padding-bottom: 7vh;
    padding-left: 40vw;
    padding-right: 40vw;
}
.image a {
    display: flex;
    justify-content: center;
}
.image img {
    min-width: 30vw;
    max-width: 100%;
    pointer-events: none;
}
.image img:hover {
    cursor: pointer;
    pointer-events: none;
}
.text {
    font-family: 'Merriweather';
    font-size: 0.7rem;
    margin-left: 3vw;
    margin-right: 3vw;
}
h1 {
    padding-bottom: 2vh;
    padding-top: 2vh;
    font-size: 1rem;
}
h2 {
    padding-bottom: 2vh;
    padding-top: 2vh;
    font-size: 0.9rem;
}
h3 {
    padding-bottom: 2vh;
    padding-top: 2vh;
    font-size: 0.8rem;
}
p {

    line-height: 1rem;
}
ul {
    line-height: 1rem;
    list-style: none;
}

}

/*--------------------------------------------*/

        /* T A B L E T */
        /* T A B L E T */
        /* T A B L E T */
        /* T A B L E T */
        /* T A B L E T */
        /* T A B L E T */
        /* T A B L E T */
        /* T A B L E T */
        /* T A B L E T */
        /* T A B L E T */
        /* T A B L E T */
        /* T A B L E T */
        /* T A B L E T */
        /* T A B L E T */
        /* T A B L E T */
        /* T A B L E T */
        /* T A B L E T */
        /* T A B L E T */
        /* T A B L E T */
        /* T A B L E T */

/*--------------------------------------------*/

@media only screen and (min-width: 540px) and (max-width: 1399px) and (orientation: portrait) {    

.image {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5vh;
    padding-bottom: 3vh;
    padding-left: 40vw;
    padding-right: 40vw;
}
.image a {
    display: flex;
    justify-content: center;
}
.image img {
    min-width: 40vw;
    max-width: 100%;
    pointer-events: none;
}
.image img:hover {
    cursor: pointer;
    pointer-events: none;
}
.text {
    font-family: 'Merriweather';
    font-size: 0.7rem;
    margin-left: 3vw;
    margin-right: 3vw;
}
h1 {
    padding-bottom: 2vh;
    padding-top: 2vh;
    font-size: 1rem;
}
h2 {
    padding-bottom: 2vh;
    padding-top: 2vh;
    font-size: 0.9rem;
}
h3 {
    padding-bottom: 2vh;
    padding-top: 2vh;
    font-size: 0.8rem;
}
p {

    line-height: 1rem;
}
ul {
    line-height: 1rem;
    list-style: none;
}

}

/*--------------------------------------------*/

        /* T A B L E T - L A N D S C A P E */
        /* T A B L E T - L A N D S C A P E */
        /* T A B L E T - L A N D S C A P E */
        /* T A B L E T - L A N D S C A P E */
        /* T A B L E T - L A N D S C A P E */
        /* T A B L E T - L A N D S C A P E */
        /* T A B L E T - L A N D S C A P E */
        /* T A B L E T - L A N D S C A P E */
        /* T A B L E T - L A N D S C A P E */
        /* T A B L E T - L A N D S C A P E */
        /* T A B L E T - L A N D S C A P E */
        /* T A B L E T - L A N D S C A P E */
        /* T A B L E T - L A N D S C A P E */
        /* T A B L E T - L A N D S C A P E */
        /* T A B L E T - L A N D S C A P E */
        /* T A B L E T - L A N D S C A P E */
        /* T A B L E T - L A N D S C A P E */
        /* T A B L E T - L A N D S C A P E */
        /* T A B L E T - L A N D S C A P E */
        /* T A B L E T - L A N D S C A P E */

/*--------------------------------------------*/

@media only screen and (min-width: 916px) and (max-width: 1399px) and (orientation: landscape) {

.image {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5vh;
    padding-bottom: 7vh;
    padding-left: 40vw;
    padding-right: 40vw;
}
.image a {
    display: flex;
    justify-content: center;
}
.image img {
    min-width: 30vw;
    max-width: 100%;
    pointer-events: none;
}
.image img:hover {
    cursor: pointer;
    pointer-events: none;
}
.text {
    font-family: 'Merriweather';
    font-size: 0.7rem;
    margin-left: 3vw;
    margin-right: 3vw;
}
h1 {
    padding-bottom: 2vh;
    padding-top: 2vh;
    font-size: 1rem;
}
h2 {
    padding-bottom: 2vh;
    padding-top: 2vh;
    font-size: 0.9rem;
}
h3 {
    padding-bottom: 2vh;
    padding-top: 2vh;
    font-size: 0.8rem;
}
p {

    line-height: 1rem;
}
ul {
    line-height: 1rem;
    list-style: none;
}

}