.hero-container {
    display: flex;
    align-items: center;
    min-height: 450px;
    padding-top: 4rem;
    padding-left: 50px;
    padding-right: 50px;
}
.hero-container .header-osservatorio {
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}

.breadcrumb-wrap a {
    color: #ffffff;
    text-decoration: none;
}

.breadcrumb-wrap a:hover {
    text-decoration: underline;
}

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

.hero-container {
    padding-left: 20px;
    padding-right: 20px;
}
}