:root{
    --welcome-section-padding-top:10px;
    --welcome-margin-top:100px;
    --welcome-margin-bottom:15px;

}

/* ==========================================
   Welcome Header
========================================== */
.welcome-header{

    display:inline-block;

    margin:var(--welcome-margin-top) auto var(--welcome-margin-bottom);

    font-size:2rem;

    font-weight:800;

    letter-spacing:1.5px;

    font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;

    color:#778899;

    text-align:center;

    white-space:nowrap;

    overflow:hidden;

    animation:typing 4s steps(40,end);

}

.welcome-section{

    padding-top:var(--welcome-section-padding-top);

    text-align:center;

}
/* ==========================================
   Welcome Subtitle
========================================== */

.welcome-subtitle{

    width:100%;

    max-width:850px;

    margin:0 auto;

    text-align:center;

    font-size:.95rem;

    font-style:italic;

    color:var(--text-muted);

    line-height:1.7;

}
/* Typing Effect */

@keyframes typing{

    from{

        width:0;

    }

    to{

        width:100%;

    }

}



/* ==========================================
   HIDE
========================================== */



/* ==========================================
   Default (320px - 1199.98px)
========================================== */

.welcome-header{

    display:none !important;

}


/* ==========================================
   Desktop (1200px+)
========================================== */

@media (min-width:1200px){

    .welcome-header{

        display:block !important;

    }

}


/* ==========================================
   Welcome Subtitle
========================================== */

.welcome-subtitle{

    font-size:.95rem;

    font-style:italic;

    color:var(--text-muted);

}

@media (min-width:1200px){

    .welcome-subtitle{

        margin-top:0;

    }

}

/* ==========================================
   Responsive
========================================== */

@media (max-width:1199.98px){

    .welcome-subtitle{

        margin-top:42px;

        font-size:1rem;

    }

}

@media (max-width:991.98px){

    .welcome-subtitle{

        margin-top:36px;

        font-size:.95rem;

    }

}

@media (max-width:767.98px){

    .welcome-subtitle{

        margin-top:30px;

        font-size:.90rem;

        line-height:1.6;

    }

}

@media (max-width:575.98px){

    .welcome-subtitle{

        margin-top:26px;

        font-size:.85rem;

        line-height:1.5;

        padding-inline:8px;

    }

}

@media (max-width:374px){

    .welcome-subtitle{

        margin-top:22px;

        font-size:.80rem;

        line-height:1.45;

    }

}