/* ---------------------------------------------------
	SCREEN MAX 991
----------------------------------------------------- */

@media screen and (max-width: 991px) {

	.hero--text--box h1 {
		font-size: 2rem;
		margin-bottom: 1rem;
	}




}


/* ---------------------------------------------------
    SCREEN 992-1399
----------------------------------------------------- */

@media screen and (min-width: 992px) and (max-width: 1399px) {

	.hero--logo {
		width: 75%;
		max-width: 500px;
		opacity: 0;
	}

}


/* ---------------------------------------------------
    SCREEN 1400-1599
----------------------------------------------------- */

@media screen and (min-width: 1400px) and (max-width: 1599px) {

	.hero--logo {
		width: 75%;
		max-width: 700px;
		opacity: 0;
	}

}









/* ---------------------------------------------------
    CONTAINER
----------------------------------------------------- */

@media screen and (min-width: 1401px) {

	.container {
		max-width: 1600px !important;
	}


}