/**
 * Profound Grid
 * 
 * Built in Sass (SCSS) this responsive/adaptive grid supports both fixed and fluid layouts, 
 * relative and fixed gutters, as well as your choice of semantic markup or generic '.grid-x' classes.
 * 
 * The biggest difference to other grid systems is the use of negative margins for column
 * placements, avoiding the subpixel rounding issues that usually break/uglify fluid layouts
 * in some browsers.
 * 
 * Nested columns are supported too, without having to reset the grid on each level. 
 *
 * Credits/Inspiration:
 * -------------------
 * Semantic Grid: http://www.semantic.gs
 * Susy: http://susy.oddbird.net
 * Negative Grid: http://chrisplaneta.com/freebies/negativegrid-fluid-css-grid-by-chris-planeta/
 *
 * @author Profound Creative Studio
 * @url http://www.profoundgrid.com
 * @url http://www.weareprofound.com 
 */
/**
 * Clearfix
 */
/**
 * Legacy Clearfix
 */
/**
 * Establish the grid-containing element.
 */
/**
 * Align an element to the grid.
 */
/**
 * Apply to any column to make it the last one of the current row.
 */
.col-left {
  text-align: center;
  margin-bottom: 7px; }
  .col-left i {
    font-size: 110px;
    color: #1b2e5f;
    opacity: .2; }

.col-right h2 {
  color: #1b2e5f;
  font-weight: 700; }
.col-right p {
  margin-bottom: 30px; }

@media (min-width: 960px) {
  .main .shell .article {
    width: 100%;
    margin: 0 0%; }

  .col-left {
    float: left;
    margin-right: -100%;
    width: 13.46%;
    text-align: left;
    margin-bottom: 0; }

  .col-right {
    float: left;
    margin-right: -100%;
    width: 82.69%;
    margin-left: 17.31%; } }

/*# sourceMappingURL=details.css.map */