/* Square-Grid 0.9.0 - Copyright 2014 Adrien Glitchbone - MIT License */
/* Base grid properties */
/* line 3, ../sass/_extends.scss */
.grid, .grid--fluid {
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  padding: 5px;
  max-width: 700px;
}

/* Base cell properties */
/* line 14, ../sass/_extends.scss */
.cell {
  position: relative;
  float: left;
  overflow: hidden;
}

.dcell {
  position: relative;
  float: left;
  overflow: hidden;
}

/* line 22, ../sass/_extends.scss */
.cell-content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 5px;
}

.dcell-content {
  position: absolute;
  width: 100%;
  height: 50%;
  padding: 5px;
}

.placeholder {
    background: #E2000E;
    width: 100%;
    height: 100%;
    color: white;
    text-align: center;
    vertical-align: middle;
    line-height: 140px; 
    font-size: 0.8em; 
    max-width: 140px; 
    max-height: 140px;  
}

.placeholder a {
    color: white;

}

.wplaceholder {
    background: transparent;
    width: 100%;
    height: 100%;
}

.dplaceholder {
    background: #E2000E;
    width: 50%;
    height: 100%;
    margin-left: 75px;
    -ms-transform: skew(-45deg,0deg); /* IE 9 */
    -webkit-transform: skew(-45deg,0deg); /* Safari */
    transform: skew(-45deg,0deg); /* Standard syntax */
}

/* line 1, ../sass/_grid.scss */
.grid,
.grid::after,
.grid::before,
.grid--fluid,
.grid--fluid::after,
.grid--fluid::before,
.cell,
.cell::after,
.cell::before,
.cell-content,
.cell-content::after,
.cell-content::before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 16, ../sass/_grid.scss */
.grid {
  max-width: 1172px;
}
@media only screen and (max-width: 1171px) {
  /* line 16, ../sass/_grid.scss */
  .grid {
    max-width: 972px; 
  }
}
@media only screen and (max-width: 971px) {
  /* line 16, ../sass/_grid.scss */
  .grid {
    max-width: 512px; 
  }
}

/* line 38, ../sass/_grid.scss */
.cell {
  width: 33.33333%;
  padding-bottom: 33.33333%;
}

.dcell {
  width: 66.66666%;
  padding-bottom: 66.66666%;
}

@media only screen and (max-width: 480px) {
.dplaceholder {
    margin-left: 35px;
}

.placeholder {
    line-height: 60px; 
    font-size: 0.5em; 
}
}

@media only screen and (min-width: 512px) and (max-width: 971px) {
  /* line 38, ../sass/_grid.scss */
  .cell {
    width: 33.33333%;
    padding-bottom: 33.33333%;
  }
  
  .dcell {
    width: 66.66666%;
    padding-bottom: 66.66666%;
  }
}
@media only screen and (min-width: 972px) and (max-width: 1171px) {
  /* line 38, ../sass/_grid.scss */
  .cell {
    width: 33.33333%;
    padding-bottom: 33.33333%;
  }
  
  .dcell {
    width: 66.66666%;
    padding-bottom: 66.66666%;
  }  
}