nav a:nth-child(2){
    padding-left: 15px;
    padding-right: 15px;
}
nav a:nth-child(2n+1){
    text-align: center;
    font-size: 2vw;
    color:#eab000 !important;
    text-decoration: none;
}
nav a:nth-child(2n+1):hover{
    text-decoration: underline;
}

#content{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#content>div{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#content div:first-child{
    padding-top: 0;
}
#content{
    background-color: #fff3cd;
}
.back{
    flex-grow: 1;
    background-image: linear-gradient(to right,#fff3cd, #c1b9ad);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.back>h5{
    font-weight: bold;
}
.name{
    font-family: Parisienne,Serif;
    font-size: xx-Large;
    margin-top: 5px;
}
#content>div>img{
    filter: sepia(20%);
}
#content>div:nth-child(3){
    padding-right: 17em;
    padding-left: 20em;
    margin-top: 2em;
    margin-bottom: 2em;
    display: flex;
    flex-direction: column;
}
#content>div:nth-child(3)>p{
    line-height: 1.8;
    font-size: 15px;
    text-align: justify;
}
#content>div:nth-child(3)>p:last-child{
    font-family: Parisienne,Serif;
    font-size: 23px;
}
#content>h1{
    font-family: Parisienne,Serif;
    font-size: 40px;
    margin-left: 4em;
    transform: rotate(-5deg);
    margin-bottom: 10px;
}

footer > div:first-child *{
    color: black;
}

@media screen and (max-width: 1240px) {
    nav a:nth-child(2n+1){
        font-size: x-large;
    }
}
@media screen and (max-width: 1180px) {
    #content>div:nth-child(3){
        padding-right: 10em;
        padding-left: 13em;
    }
    #content>h1{
        margin-left: 3em;
    }
}
@media screen and (max-width: 1120px) {
    #wir{
        width:500px
    }
    .back > *{
        font-size: large;
    }
    .name{
        font-size: x-Large;
    }
}
@media screen and (max-width: 950px) {
    #wir{
        width:400px
    }
    .back > *{
        font-size: medium;
    }
    .name{
        font-size: large;
    }

    #content>div:nth-child(3){
        padding-right: 6em;
        padding-left: 9em;
    }
    #content>h1{
        margin-left: 1.5em;
    }
}

@media screen and (max-width: 820px) {
    nav a:nth-child(2n+1){
        font-size: large;
    }
    #content>div:nth-child(3){
        margin-top: 10px;
        font-size: 15px;
    }
    #content>h1{
        font-size: x-Large;
    }
}

@media screen and (max-width: 800px) {
    #wir{
        width:300px
    }
    .back > *{
        font-size: small;
    }
    .name{
        font-size: medium;
    }
}

@media screen and (max-width: 610px) {
    #content>#both{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }
    .back{
        background-image: none;
    }
}

@media screen and (max-width: 600px) {
    #content>div:nth-child(3){
        padding-right: 3em;
        padding-left: 6em;
        font-size: 10px;
        margin-bottom: 1em;
    }
    #content>h1{
        margin-left: 1em;
    }
}