/* pair with column widths to set sizes, eg. col-lg-6 */

@media only screen {
  .offset-right, .offset-left {	
    margin: 1.5em auto;
  }
}


@media only screen and (min-width: 992px) {
  .offset-right, .offset-left {
    margin: 0;
  }
  
  .offset-right {
  	float: right;
  	margin-left: 2em;
  }
  
  .offset-left {
    float: left;
    margin-right: 2em;
  }
}

@media only screen and (min-width: 1200px) {
  .offset-right {
    margin-right: -3em;
  }
  
  .offset-left {
    margin-left: -3em;
  }
  
}

figure {
    margin-top: 0px;
    margin-bottom: 0px;
}

figcaption {
	margin-top: 0.5em;
	font-size: 12px;
	color: #333;
}

.caption {
  display: block;
}

.caption > figcaption {
  display: block;
}

.fig-grey-light-20 figure {
	background: #9B9B9B;
	background: rgba(155,155,155,0.2);
}

.fig-grey-light-20 figure {
	padding: 0.5em;
}