/*https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties*/
div{
	box-sizing: border-box;
}

.img-responsive-w {
  width: 100%;
  height: auto;
}
.img-responsive-h {
  width: auto;
  height: 100%;
}
.container {
  width: 95%;
  margin: 0 auto;
}

.row {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

.flow-center{
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
}

.flow-right {
  -webkit-justify-content: flex-end; /* Safari */
  justify-content:         flex-end;
}

.flow-middle{
  -webkit-align-items: center; /* Safari */
  align-items: center;
}

.flow-bottom{
  -webkit-align-items: flex-end; /* Safari */
  align-items: flex-end;
}

/* Mobile  (por defecto) */
.one-third-mobile { width: 33.333333%; }
.two-third-mobile { width: 66.666666%; }
.one-quarter-mobile { width: 25%;}
.half-mobile { width: 50%; }
.three-quarter-mobile { width: 75%;}
.full-mobile { width: 100%; }
.hide-mobile { display: none; }
.show-mobile { display: flex;}

/* Tablet  (a partir de 768px)*/
@media (min-width: 768px) {
  .container { width: 95%;} 
  .one-third-tablet { width: 33.333333%; }
  .two-third-tablet { width: 66.666666%; }
  .one-quarter-tablet { width: 25%;}
  .two-quarter-tablet { width: 50%; }
  .half-tablet { width: 50%; }
  .three-quarter-tablet { width: 75%;}
  .one-fifth-tablet{ width: 20%; }
  .full-tablet { width: 100%; }
  .hide-tablet { display: none; }
  .show-tablet { display: flex;}
}

/* Computer (a partir de 960px) */
@media (min-width: 960px) {
  .container { width: 90%;}
  .one-third-computer { width: 33.333333%; }
  .two-third-computer { width: 66.666666%; }
  .one-quarter-computer { width: 25%; }
  .two-quarter-computer { width: 50%; }
  .half-computer { width: 50%; }
  .three-quarter-computer { width: 75%; }
  .one-fifth-computer{ width: 20%; }
  .four-fifth-computer{ width: 80%; }
  .full-computer { width: 100%; }
  .hide-computer { display: none; }
  .show-computer { display: flex;}
}