body {
    margin: 0;
    background-color: #f7f3ee;
    font-family: 'Playfair Display', serif;
    color: #808882;
    font-size: 16px;
}

/* Layout base */
.invito {
    position: absolute;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
    text-align: center;
    padding: 0;
    background: #fbfbfd;
    width: 100%;
    
    display: flex;
}

/* Decorazioni */
.decor {    
    max-width: 600px;
    left: 50%;
    margin-left: -300px;
}
.decor img {
    width: 100%;
    opacity: 1;
}

.decor-top {
    /*position: absolute;*/
    /*top: 0;*/
    position: fixed;
    top: -80px;
}


/* Contenuto centrale */
.content {
    position: relative;
    max-width: 500px;
    margin: 250px auto 250px auto; /* 250px per non fare sovrapporre i testi alle decorazioni in apertura e chiusura di pagina;*/
}

/* Nomi (font calligrafico) */
.names {
    font-family: "Imperial Script", cursive; /*'Great Vibes', cursive;*/
    font-size: 3rem;
    font-weight: 300;
    margin-bottom: 0;
}

.names img {
    width: 90%;
}

.names.iniziali img {
    width: 50%;
}

.corsivo {
    font-family: "Imperial Script", cursive;  
    font-weight: 300;
}

/* Sottotitolo */
.subtitle {
    font-size: 1rem;    
    letter-spacing: 1px;
    line-height: 1.2;
    margin: 0;
}

/* Data */
.date {
    margin: 50px 0;
    font-size: 1rem;    
    letter-spacing: 1px;
    line-height: 1.2;
}

.numeri {
    font-family: Times, "Times New Roman", "serif";
}

/* Location */
.location {
    font-size: 1.2rem;
}

.place {
    font-size: 1.2rem;
    margin-bottom: 50px;
}

.place a, .location a {
    text-decoration: none;
    color: #808882;
}

.pulsantini img {
    width: 48px;
    margin: 0 16px;
}

.rsvp {
    font-size: 1.8rem;
    letter-spacing: 1px;
}

.minore {
    font-size: 2rem;    
}
.maggiore {
    font-size: 1.8rem;    
}
.date span.giornosett {
    line-height: 0.7em;
}
.date span.giornosett, .placename {
    font-size: 3rem;
}

@media (max-width: 600px) {

    .names {
        /*font-size: 2.2rem;*/
    }

    .decor img {
        /*max-width: 150px;*/
    }

    .content {
        /*padding: 10px;*/
    }

}