body{
    margin:0;
    font-family:Arial;
    color:white;
    overflow-x:hidden;
}

.services-container{
    scroll-snap-type:y mandatory;
    overflow-y:scroll;
    height:100vh;
}

.service{

    position:relative;
    height:100vh;

    display:flex;
    align-items:center;
    justify-content:center;

    scroll-snap-align:start;

    background-size:cover;
    background-position:center;
    background-attachment:fixed;
}

.overlay{

    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    background:rgba(0,0,0,0.6);

}

.content{

    position:relative;
    max-width:900px;
    width:90%;
    text-align:left;

}

h1{

    color:#ff2fa0;
    font-size:48px;
    margin-bottom:40px;

}

.price-list{

    display:flex;
    flex-direction:column;
    gap:15px;

}

.price-row{

    display:flex;
    justify-content:space-between;

    font-size:24px;

    border-bottom:1px solid rgba(255,255,255,0.3);

    padding-bottom:8px;

}

.extra{

    margin-top:40px;
    color:#ff2fa0;
    font-size:20px;

}

/* animations */

.fade{

    opacity:0;
    transform:translateY(60px);
    transition:1s;

}

.fade.show{

    opacity:1;
    transform:translateY(0);

}

/* backgrounds */

.service1{
    background-image:url('/images/service1.jpg');
}

.service2{
    background-image:url('/images/service2.jpg');
}

.service3{
    background-image:url('/images/service3.jpg');
}

/* mobile */

@media(max-width:768px){

    h1{
        font-size:32px;
    }

    .price-row{
        font-size:18px;
    }

}