.service-hero{

    min-height:70vh;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    background:

    linear-gradient(
    rgba(70,0,20,.75),
    rgba(20,0,10,.85)
    ),
    url("opa-bg.png");

    background-size:cover;

    background-position:center;

    border-bottom:5px dashed #ff7ca8;

    padding:80px 0;

}




.service-title{

    font-family:"Whisper",cursive;

    font-size:7rem;

    color:#ffe4ed;

    text-shadow:

    5px 5px #8b0030,
    10px 10px rgba(0,0,0,.3);

    transform:rotate(-3deg);

}



.service-subtitle{

    color:#ffd1df;

    font-size:1.5rem;

    font-family:"Edu VIC WA NT Hand",cursive;

}




/* GENERAL SECTIONS */


.service-photography,
.service-digital,
.service-traditional,
.service-toolbox,
.service-contact{


    padding:100px 0;

    background:

    linear-gradient(
    #ffe3ec,
    #ffc1d6
    );

    border-top:

    5px dashed #b9003c;

    border-bottom:

    5px dashed #b9003c;
 background-image:url("opa-bg.png");

}



/* SECTION TITLES */


.service-photography h2,
.service-digital h2,
.service-traditional h2,
.service-toolbox h2,
.service-contact h2{


    font-family:"Bebas Neue",sans-serif;

    letter-spacing:5px;

    font-size:3.5rem;

    color:#8b0030;

    text-shadow:

    2px 2px white;

}




.service-photography p,
.service-digital p,
.service-traditional p,
.service-toolbox p{


    color:#4a1828;

}






/* SERVICE CARDS */


.service-card{


    background:#fff6f8;

    padding:30px;

    min-height:500px;

    border:

    4px solid #c90045;


    box-shadow:

    12px 12px rgba(90,0,30,.25);


    transform:rotate(-2deg);

    transition:.4s;


}



.service-card:nth-child(even){

    transform:rotate(2deg);

}



.service-card:hover{


    transform:

    translateY(-10px)

    rotate(0deg);


    box-shadow:

    0 20px 40px rgba(120,0,50,.35);


}





.service-card img{


    width:100%;

    height:230px;

    object-fit:cover;


    border:

    8px solid white;


    box-shadow:

    5px 5px rgba(0,0,0,.2);


    margin-bottom:25px;


}





.service-card h3{


    font-family:"Bebas Neue",sans-serif;

    color:#c90045;

    letter-spacing:3px;

    font-size:2.2rem;


}



.service-card h4{


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

    color:white;

    background:#c90045;

    display:inline-block;

    padding:8px 18px;

    font-size:1.4rem;

    border-radius:5px;


}





.service-card li{


    color:#591226;

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

    margin-bottom:8px;


}




.service-button{


    display:inline-block;

    margin-top:20px;

    padding:12px 30px;


    background:#c90045;

    color:white;


    border:

    3px solid #700021;


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

    letter-spacing:2px;


    transition:.3s;


}




.service-button:hover{


    background:#ff4f86;

    color:white;

    transform:

    rotate(-3deg)

    scale(1.05);


}






/* TRADITIONAL ART PAPER CARDS */


.service-paper{


    background:#fff8ee;


    padding:25px;


    min-height:450px;


    border:

    3px solid #d45b76;


    box-shadow:

    10px 10px rgba(80,0,30,.2);


    transform:rotate(2deg);


    transition:.35s;


}



.service-paper:nth-child(even){

    transform:rotate(-2deg);

}



.service-paper:hover{


    transform:

    rotate(0deg)

    scale(1.04);


}



.service-paper img{


    height:250px;

    width:100%;

    object-fit:cover;


    border:

    7px solid white;


}



.service-paper h3{


    color:#a00035;

    font-family:"Bebas Neue",sans-serif;

    letter-spacing:3px;


}



.service-paper h4{


    color:#c90045;

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


}







/* TOOLBOX */


.service-toolbox{


    background:

    linear-gradient(

    #3a0718,

    #180008

    );


    padding:100px 0;


}



.service-toolbox h2{


    color:#ffb6cc;

}



.service-toolbox p{


    color:#ffe0ea;


}




.service-tool{


    background:#fff1f5;


    padding:40px;


    border:

    4px dashed #ff4f86;


    box-shadow:

    10px 10px black;


    transform:rotate(-2deg);


}



.service-tool:nth-child(even){

    transform:rotate(2deg);

}



.service-tool h3{


    font-family:"Bebas Neue",sans-serif;

    color:#c90045;

    font-size:2.5rem;


}



.service-tool li{


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

    color:#64142d;

    margin-bottom:12px;

    font-size:1.2rem;


}






/* CONTACT */


.service-contact{


    background:

    linear-gradient(

    #ffbfd5,

    #ff7ca8

    );


    text-align:center;


}



.service-contact p{


    color:#5c142b;

    font-size:1.3rem;


}




/* FOOTER */


.service-footer{


    background:

    linear-gradient(

    #7b002c,

    #20000d

    );


    padding:80px 0;


    border-top:

    5px dashed #ff9abb;


}



.service-footer h3{


    font-family:"Whisper",cursive;

    font-size:4rem;

    color:white;


}



.service-footer p{


    color:#ffd5e2;

}





/* MOBILE */


@media(max-width:992px){


.service-title{

font-size:5rem;

}



.service-card,
.service-paper,
.service-tool{

transform:none;

margin-bottom:30px;

}


}



@media(max-width:576px){


.service-title{

font-size:3.5rem;

}


.service-photography h2,
.service-digital h2,
.service-traditional h2,
.service-toolbox h2{

font-size:2.5rem;

}


}
.navbar{

    background:
    linear-gradient(
    to bottom,
    hsl(326, 100%, 16%),
   hsl(326, 100%, 88%)
    );

    border-bottom:3px dashed hsl(326, 100%, 16%);

    box-shadow:
    0 0 20px hsl(90, 100%, 100%);

    padding:15px;

}

.navbar-brand{
    font-family:"Whisper", cursive;
    font-size:3.5rem;
    color:white;
    text-shadow:
    0 0 15px hsl(326, 100%, 16%);
}

.nav-link{
    color:white ;
    font-family:"Oswald",sans-serif;
    font-size:1.3rem;
    letter-spacing:2px;
    margin-left:20px;
    transition:.35s;
}

.nav-link:hover{
    color:white;
    transform:rotate(-3deg);
    text-shadow:
    0 0 12px hsl(90, 89%, 91%);
}