.hero{
    background:
    linear-gradient(rgba(13,71,161,0.8),
    rgba(25,118,210,0.8)),
    url('assets/img/bg.jpg');

    background-size:cover;
    background-position:center;

    border-radius:25px;
    padding:90px 70px;
    color:white;
    margin-top:30px;

    overflow:hidden;
    position:relative;
}

/* =========================
GLOBAL
========================= */

body{
    font-family:'Poppins',sans-serif;
}

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

@media(max-width:768px){

    .hero{
        height:auto;
        padding:60px 20px;
    }

    .hero h1{
        font-size:28px;
    }

    .hero p{
        font-size:14px;
    }

    .navbar-brand{
        font-size:18px;
    }

    .btn{
        width:100%;
        margin-bottom:10px;
    }

    .card{
        margin-bottom:20px;
    }

    .small-box h3{
        font-size:24px;
    }

    #calendar{
        overflow-x:auto;
    }

    .fc-toolbar{
        flex-direction:column;
        gap:10px;
    }

    .fc-toolbar-title{
        font-size:18px !important;
        text-align:center;
    }

}