*{
    /* font-family: 'Playfair Display', serif;
    font-weight: 100; */
    /* font-family: "Bodoni Moda", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500; */
    font-family: "Italiana", serif;
    font-weight: 400;
    font-style: normal;
}

.wedding-hero{
    width: 100vw;
    height: 100vh;
    display: flex;
    background: url('./portfolio/wedding/3755_MM.JPG') no-repeat center center;
}

.hero-left{
    display: flex;
    flex-grow: 1;
    justify-content: flex-start;
    align-items: flex-end;
    /* background-color: rgb(118, 130, 104); */
}
.hero-right{
    display: flex;
    flex-grow: 1;
    position: relative;
    /* background: url('./portfolio/wedding/4340_MM.JPG') no-repeat center center; */
}

.wedding-hero::before{
    content: '';
    background: linear-gradient(60deg, rgba(0,0,0,1) 0%, rgba(6, 28, 16, 0.1) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

    .hero-title{
        line-height: calc(9vw + 2px);
        font-size: 9vw;
        color: white;
        font-weight: 500;
        z-index: 2;
    }


    

    @media screen and (max-width: 768px){
        .hero-title{
            font-size: 12vw;
            padding: 1rem 0;
            line-height: calc(12vw + 2px);
            font-style: italic;
        }

        .text, .mtext, .rtext{
            font-size: 20vw;
            top:2rem;
        }
        
    }