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

.banner-digital-hub h1 {
font-size: 22px !important;
font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-transform: inherit !important;
}

.banner-digital-hub p {
font-size: 16px !important;
}

.banner-digital-hub {
background-image: url('/system/modules/it.sistinf.digitalhub.preprod/resources/jpg/header.jpg');
    height: 194px !important;
	background-size: cover;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.desktop-paragraph {
display: none;
}

.mobile-paragraph {
display: block ;
font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}

}

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

.desktop-paragraph {
display: block;
}

.mobile-paragraph {
display: none;
}

.banner-digital-hub {
background-image: url('/system/modules/it.sistinf.digitalhub.preprod/resources/jpg/header.jpg');
    height: 340px;
	 background-size: cover;
    background-position: center;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.banner-digital-hub h1 {
font-size: 32px;
margin-bottom: 16px;
text-transform: uppercase;
letter-spacing: 3px;
}


.banner-digital-hub p {
font-size: 20px;
margin-bottom: 32px;
}

}

.banner-digital-hub a {
font-size: 12px;
line-height: normal;
}

.banner-digital-hub a:hover,
.banner-digital-hub a:active {
background: #50af00 !important;
}