

.row > [class^="col-"],
.row > [class*=" col-"] {
  position:relative;
}

.col-md-5ths, .col-md-10ths {
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    padding-top:100px;
    padding-bottom: 100px;
	width:100%;
  min-height: 380px;
	background-color:#282828;
	text-transform:uppercase;
	letter-spacing:1px;
  text-align: center;
}

.col-380 {
    height:380px;
    padding-top:100px;
    padding-bottom: 100px;
}

.row-alternate .col-sm-4 {
  color: #fff;
}

.row-alternate .col-sm-4 h1 {
  color:#fecd0f;
}

.row-alternate .col-sm-4:nth-child(odd) {
  background-color: #000;
}

.row-alternate .col-sm-4:nth-child(even) {
  background-color: #222;
}

.row-alternate-1 .col-sm-4:nth-child(odd) {
  background-color: #000;
  color: #fecd0f;
}

.row-alternate-1 .col-sm-4:nth-child(even) {
  background-color: #fecd0f;
  color: #000;
}

.marchi {
  background-position:  center center;
  background-repeat: no-repeat;;
}

.marchi.marchi-portrait {
  background-size: 50% auto;

}

.marchi.marchi-landscape {
  background-size: auto 50%;

}

.col-xs-3 {
  height: 150px;
}


@media screen and (min-width: 768px) {

  .vertical-align {
  display: flex;
  flex-direction: row;
}


.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;     /* Align the flex-items vertically */
  justify-content: center; /* Optional, to align inner flex-items
                              horizontally within the column  */
}

   .col-md-5ths {
    width: 20%;
    float: left;
    height:380px;
    min-height;auto;
    padding-top:normal;
    padding-bottom: normal;
    }

    .col-md-10ths {
        width: 40%;
        float: left;
    height:380px;
        padding-top:normal;
    padding-bottom: normal;
    }

    .row-center .col-sm-4 {
    height:380px;
     padding-top:normal;
    padding-bottom: normal;
    }


.media {
 -moz-column-width: 30em;
 -webkit-column-width: 30em;
 -moz-column-gap: 1em;
 -webkit-column-gap:1em; 
  
}

.media > .item {
 display: inline-block;
 width:  100%; 
}

.media > .item > p {
  margin: 20px 0px;
  font-size: 12px;
}


}