/*==================================
Infinity Spaces - Logo Text
==================================*/

.navbar-brand{
    display:flex;
    align-items:center;
    text-decoration:none;
    white-space:nowrap;
    padding:0;
    margin:0;
}

.navbar-brand .header-text-logo{

    font-family:'Cinzel', serif !important;
    font-size:43px;
    font-weight:700;
    line-height:1;
    letter-spacing:.4px;

    display:inline-block;
    white-space:nowrap;
    text-decoration:none;

    background:linear-gradient(
        180deg,
        #FFFFFF 0%,
        #F7F7F7 18%,
        #EAEAEA 40%,
        #D7D7D7 62%,
        #C7C7C7 82%,
        #FFFFFF 100%
    );

    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:
        0 1px 0 rgba(255,255,255,.35),
        0 2px 4px rgba(0,0,0,.22),
        0 5px 10px rgba(0,0,0,.16);

    transition:.35s;
}

.navbar-brand:hover .header-text-logo{

    transform:translateY(-1px);

    text-shadow:
        0 2px 0 rgba(255,255,255,.45),
        0 4px 6px rgba(0,0,0,.25),
        0 7px 12px rgba(0,0,0,.18);
}

/*==================================
Tablet
==================================*/

@media (max-width:991px){

    .navbar-brand .header-text-logo{
        font-size:30px !important;
        letter-spacing:.2px;
    }

}

/*==================================
Mobile
==================================*/

@media (max-width:767px){

    .navbar-brand{
        max-width:230px;
        overflow:hidden;
    }

    .navbar-brand .header-text-logo{
        font-size:22px !important;
        letter-spacing:0;
    }

}

/*==================================
Small Mobile
==================================*/

@media (max-width:480px){

    .navbar-brand{
        max-width:180px;
    }

    .navbar-brand .header-text-logo{
        font-size:18px !important;
    }

}