/*--------------------------------------------------------------
	HOME SECTION
--------------------------------------------------------------*/
/* xs < 576px */
@media (min-width: 1px) {
	#home-content{
		margin-top: 20%;
	}
}

/* md >= 768px */
@media (min-width: 768px) {
	#home-content{
		margin-top: 16%;
	}
}


/* xl >= 1200px */
@media (min-width: 1200px) {
	#home-content{
		margin-top: 12%;
	}
}



/*--------------------------------------------------------------
	ANIMATION TEXT
--------------------------------------------------------------*/
.ml2 {
    font-weight: 900;
    font-size: 3.5em;
}

.ml2 .letter {
    display: inline-block;
    line-height: 1em;
}


/*--------------------------------------------------------------
	PROGRESS BAR
--------------------------------------------------------------*/
.progress-container {
    width: 100%;
    background: var(--white-color);
    position: absolute;
    bottom: 0;
    left: 0;
}

.navbar-progress-bar {
    height: 5px;
    background: var(--first-color);
    width: 0%;
}