/*==================================================
    MIRLO FILMS
    PARALLAX
==================================================*/


/*==================================================
    PARALLAX
==================================================*/

.parallax{

    position:relative;

    height:80vh;

    background-image:url("../img/parallax.jpg");

    background-position:center;

    background-size:cover;

    background-repeat:no-repeat;

    background-attachment:fixed;

    display:flex;

    align-items:center;

    overflow:hidden;

}


/*==================================================
    OVERLAY
==================================================*/

.parallax-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.45);

}


/*==================================================
    CONTENT
==================================================*/

.parallax-content{

    position:relative;

    z-index:2;

    max-width:700px;

}


/*==================================================
    SUBTITLE
==================================================*/

.parallax-subtitle{

    display:inline-block;

    margin-bottom:20px;

    font-family:"Montserrat",sans-serif;

    font-size:.9rem;

    letter-spacing:4px;

    text-transform:uppercase;

    color:#C9A14A;

}


/*==================================================
    TITLE
==================================================*/

.parallax-title{

    font-family:"Cormorant Garamond",serif;

    font-size:clamp(3rem,6vw,5rem);

    line-height:1.1;

    color:#FFFFFF;

}


/*==================================================
    RESPONSIVE
==================================================*/

@media (max-width:768px){

    .parallax{

        height:65vh;

        min-height:460px;

        background-attachment:scroll;

    }

    .parallax-content{

        max-width:100%;

    }

    .parallax-subtitle{

        font-size:.75rem;

        letter-spacing:.28em;

    }

    .parallax-title{

        font-size:clamp(2.5rem,10vw,3.6rem);

        line-height:1.08;

    }

}