* {
  box-sizing: border-box;
}


/*.ma-main-color,.w3-hover-black:hover{color:#fff!important;background-color:#672146!important}*/
.macolor { margin: 500px;}

.check {
    list-style: none;
  padding: 10px 30px;
  background-image: url("/img/spunta-verde.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 30px; /* aggiusta questo valore alla dimensione desiderata */
}

.justified{
      text-align: justify;
  text-justify: inter-word;
}

.ale-black,.ale-hover-black:hover{color:#fff!important;background-color:#000!important}

strong{
    font-weight: 900;
    /*color: green;*/
}

/*************************** HOME*******************************/

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 10px;
 /* height: 300px;  Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
  margin-bottom: 10px;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */

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

  .row {
    display: flex;
    flex-direction: column;
  }

  .column {
    float: none;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;

  }

  /* Secondo blocco: testo è primo nel DOM, immagine è seconda.
  Su mobile vogliamo prima l'immagine — la facciamo salire con order. */
	  .row-reverse .column:last-child {
		order: -1;
  }

} /*media */

/*************************FAQ*******************************/
.collapsible {
 /* background-color: #000;*/
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  background-color: #555;
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

/*********************** projects *********************/