body{
background:#f8f9fa;
}

.navbar-brand{
font-weight:bold;
}

.card{
border-radius:15px;
}

.hero{
    position:relative;
    min-height:80vh;
    display:flex;
    align-items:center;
    justify-content:center;
    background-image:url("https://qsl.qrz.ba/assets/images/qsl-centre.jpg");
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    overflow:hidden;
}

.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);
}

.hero .container{
    position:relative;
    z-index:2;
}

.hero-title{
    color:#fff;
    font-size:clamp(2.3rem,5vw,4.5rem);
    font-weight:700;
    line-height:1.2;
    margin-bottom:25px;
}

.hero-subtitle{
    color:#f5f5f5;
    font-size:1.25rem;
    line-height:1.8;
    max-width:750px;
    margin:0 auto 40px;
}

.hero-buttons .btn{
    border-radius:50px;
    padding:14px 35px;
    font-weight:600;
    transition:.3s;
}

.hero-buttons .btn-warning:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(255,193,7,.35);
}

.hero-buttons .btn-outline-light:hover{
    transform:translateY(-3px);
}

@media (max-width:768px){

    .hero{
        min-height:70vh;
        padding:80px 0;
    }

    .hero-subtitle{
        font-size:1rem;
    }

    .hero-buttons .btn{
        width:100%;
        margin-bottom:15px;
    }

    .hero-buttons .btn:last-child{
        margin-bottom:0;
    }

}