body {
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100dvh; max-height: -webkit-fill-available;
    margin: 0;
    padding: 0;
    
    font-family: "Bodoni Moda", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2rem;
}

a {
    font-family: "Bodoni Moda", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3rem;
    color: #000;
    text-align: center;
    margin-top: 20px;
    text-decoration: none;
}

a > span {
    color: #A47864;
}

.logo {
    max-width: 60%;
    height: auto;
}
.contact-link {
    font-size: 1.2rem;
    margin-top: 0px;
    padding-bottom: 1rem;
}
.adress-link {
    font-size: 1.2rem;
    margin-top: 0px;
    color: #A47864;
}

.hover-underline-animation {
    margin-top: 20px;
    margin-bottom: 60px;
    display: inline-block;
    position: relative;
}
.hover-underline-animation::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #A47864;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
.hover-underline-animation:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}


@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ a { font-size: 1.5rem; } .logo { content:url("../images/logo_394.png"); } }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ a { font-size: 1.7rem; } .logo { content:url("../images/logo_472.png"); } }
@media (min-width:1281px) { /* hi-res laptops and desktops */ a { font-size: 1.9rem; } .logo { content:url("../images/logo_591.png"); } }