body {
	color:#000!important;
	background-color:#2e4f78!important
}

body  {
  background-size: 100%;
  background-attachment: fixed;  /* no scoll */
  background-color:#2e4f78;
}

#posizione-logo {
  position: absolute;
  top: 0;
  left: 0;
}

.top-background  {
  background-size: 100%;
  /* background-attachment: fixed;  /* no scoll */
  background-color:#2e4f78;
}

@media (max-width:900px) {
  html,body {
    font-family:Verdana,sans-serif;
    font-size:15px;
    line-height:1.5
  }
}

h1, h2, h3 {
  font-family:Verdana,sans-serif;
  /* font-family: "Montserrat Semibold"; */
  letter-spacing: 3px;
}
h4, h5, h6 {
  font-family:Verdana,sans-serif;
  /* font-family: "Montserrat Semibold"; */
  letter-spacing: 1px;
}

@media (max-width:900px) {
  h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat Semibold";
    letter-spacing: 2px;
    line-height:1.3
  }
  h1 {
    font-size:30px
  }
  h2 {
    font-size:25px
  }
  h3 {
    font-size:21px
  }
  h4 {
    font-size:18px
  }
  h5 {
    font-size:16px
  }
  h6 {
    font-size:15px
  }
}

.no-decoration {
  text-decoration: none;
}

.w3-tag_in_text {
	background-color:#000;
	color:#fff;
	display:inline-block;
}

.read-all-color,.read-all-color:hover {
  color:#fff !important;
  background-color:#4CAF50 !important;
}

/* Verde del logo MFE */
.mfe-color {
  color:#fff!important;
  background-color:#008000!important;
}

.margin-bottom-large {
  margin-bottom:48px!important
}

/* Full height image header */
.bgimg-1 {
  background-position: center;
  background-size: cover;
  background-image: url("/w3images/mac.jpg");
  min-height: 100%;
}

.photo-caption {
  font-size: 14px;
  text-align:center!important;
  margin-top: 5px;
}

.image-centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

textarea {
  width: 100%;
}

.button-green {
  color: white;
  background-color: #008000;
  border-radius: 12px;
}

/* Container for flexboxes */
.riga-flex {
  display: flex;
  flex-wrap: wrap;
}
/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .riga-flex {
    flex-direction: column;
  }
}
/* Due colonne uguali */
.col-flex-sx {
  flex: 40%;
  padding: 20px;
}
.col-flex-dx {
  flex: 60%;
  padding: 20px;
}