/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 /*
   7. MOSAIC
------------------------------------------- */

@import "type_como.css";
@import "type_como_big.css";

.mosaic-content img{
    height: 100%;
    width: 100%;
} 

/* line 2552, style.scss */
.mosaic {
  max-width: 1100px;
  overflow: hidden;
}

/* line 168, ../bower_components/foundation/scss/foundation/components/_global.scss */
.mosaic-wrap:before, .mosaic-wrap:after {
  content: " ";
  display: table;
}
/* line 169, ../bower_components/foundation/scss/foundation/components/_global.scss */
.mosaic-wrap:after {
  clear: both;
}

/* line 2561, style.scss */
.mosaic-column {
  float: left;
}

/* line 2565, style.scss */
.mosaic-item {
  position: relative;
  overflow: hidden;
}
/* line 2569, style.scss */
.mosaic-item .mosaic-item-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  padding: 1px;
}

/* line 2582, style.scss */
.mosaic-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

/* line 2598, style.scss */
a.mosaic-content img {
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 2609, style.scss */
a.mosaic-content:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 2628, style.scss */
.mosaic-content-inner {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  
}


/* line 2637, style.scss */
.w25 {
  width: 25%;
}

/* line 2638, style.scss */
.w50 {
  width: 50%;
}

/* line 2644, style.scss */
.n-25x25 {
  padding-top: 50%;
}

/* line 2645, style.scss */
.n-25x75 {
  padding-top: 150%;
}

/* line 2646, style.scss */
.n-25x50 {
  padding-top: 100%;
}

/* line 2647, style.scss */
.n-25x100 {
  padding-top: 200%;
}

/* line 2649, style.scss */
.n-50x50 {
  padding-top: 50%;
}

/* line 2650, style.scss */
.n-50x100 {
  padding-top: 100%;
}

.mosaic-description{
	font-size: 12px;
}
.mosaic-title{
	font-size: 20px !important;
	margin-bottom: 8px;
}
@media only screen and (max-width: 480px) {
  /*
     7. MOSAIC
  ------------------------------------------- */
  /* line 3566, style.scss */
  .w25 {
    width: 50%;
  }

  /* line 3567, style.scss */
  .w50 {
    width: 100%;
  }

}
@media only screen and (min-width: 481px) {
  /*
     7. MOSAIC
  ------------------------------------------- */
  /* line 3576, style.scss */
  .mosaic {
    max-height: 550px;
  }
}


@media only screen and (max-width: 767px){
	.mosaic [class*="column"]+[class*="column"]:last-child {
 	   float: left;
	}
}

/*borders*/
.mosaic-item{
  border: 1px solid #fff;
}
.mosaic-item.n-50x100, .mosaic-item.n-25x100{ 
  padding-bottom: 2px;
}