/* Table of Contents
==================================================
# Image
# Placeholder
# Styles
# Media Queries */

/* # Image
================================================== */
img {
  border-radius: 3px;
  border: 0;
  display: block;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  width: auto\9;
}

/* # Placeholder
================================================== */
.img-placeholder {
  background: rgba(245,248,250,1);
  border-radius: 4px;
  color: rgba(43,50,53,1);
  display: block;
  font-size: 13px;
  font-weight: bold;
  height: 0;
  line-height: 0;
  padding: 50% 0;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.img-placeholder > i {
  color: rgba(43,50,53,1);
  display: block;
  font-size: 4800%;
  margin-top: -27%;
}
.one.column .img-placeholder > i,
.one.columns .img-placeholder > i {
  font-size: 200%;
  margin-top: -25%;
}
.two.columns .img-placeholder > i {
  font-size: 600%;
  margin-top: -29%;
}
.three.columns .img-placeholder > i {
  font-size: 900%;
  margin-top: -28%;
}
.four.columns .img-placeholder > i {
  font-size: 1200%;
  margin-top: -27%;
}
.five.columns .img-placeholder > i {
  font-size: 1500%;
  margin-top: -28%;
}
.six.columns .img-placeholder > i {
  font-size: 1800%;
  margin-top: -28%;
}
.seven.columns .img-placeholder > i {
  font-size: 2100%;
  margin-top: -27%;
}
.eight.columns .img-placeholder > i {
  font-size: 2400%;
  margin-top: -27%;
}
.nine.columns .img-placeholder > i {
  font-size: 2700%;
  margin-top: -28%;
}
.ten.columns .img-placeholder > i {
  font-size: 3000%;
  margin-top: -27%;
}
.eleven.columns .img-placeholder > i {
  font-size: 3300%;
  margin-top: -27%;
}
.twelve.columns .img-placeholder > i {
  font-size: 3600%;
  margin-top: -27%;
}
.thirteen.columns .img-placeholder > i {
  font-size: 3900%;
  margin-top: -27%;
}
.fourteen.columns .img-placeholder > i {
  font-size: 4200%;
  margin-top: -27%;
}
.fifteen.columns .img-placeholder > i {
  font-size: 4500%;
  margin-top: -27%;
}
.sixteen.columns .img-placeholder > i {
  font-size: 4800%;
  margin-top: -27%;
}
.one-third.column .img-placeholder > i {
  font-size: 1500%;
  margin-top: -27%;
}
.two-thirds.column .img-placeholder > i {
  font-size: 3300%;
  margin-top: -28%;
}

/* # Styles
================================================== */
.img-circle { border-radius: 500px; }
.img-center { margin: 0 auto; }

/* # Media Queries
================================================== */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .img-placeholder > i {
    font-size: 4600%;
    margin-top: -32%;
  }
  .one.column .img-placeholder > i,
  .one.columns .img-placeholder > i {
    font-size: 150%;
    margin-top: -24%;
  }
  .two.columns .img-placeholder > i {
    font-size: 400%;
    margin-top: -27%;
  }
  .three.columns .img-placeholder > i {
    font-size: 700%;
    margin-top: -28%;
  }
  .four.columns .img-placeholder > i {
    font-size: 1000%;
    margin-top: -29%;
  }
  .five.columns .img-placeholder > i {
    font-size: 1300%;
    margin-top: -30%;
  }
  .six.columns .img-placeholder > i {
    font-size: 1600%;
    margin-top: -30%;
  }
  .seven.columns .img-placeholder > i {
    font-size: 1900%;
    margin-top: -31%;
  }
  .eight.columns .img-placeholder > i {
    font-size: 2200%;
    margin-top: -31%;
  }
  .nine.columns .img-placeholder > i {
    font-size: 2500%;
    margin-top: -31%;
  }
  .ten.columns .img-placeholder > i {
    font-size: 2800%;
    margin-top: -31%;
  }
  .eleven.columns .img-placeholder > i {
    font-size: 3100%;
    margin-top: -31%;
  }
  .twelve.columns .img-placeholder > i {
    font-size: 3400%;
    margin-top: -31%;
  }
  .thirteen.columns .img-placeholder > i {
    font-size: 3700%;
    margin-top: -31%;
  }
  .fourteen.columns .img-placeholder > i {
    font-size: 4000%;
    margin-top: -31%;
  }
  .fifteen.columns .img-placeholder > i {
    font-size: 4300%;
    margin-top: -32%;
  }
  .sixteen.columns .img-placeholder > i {
    font-size: 4600%;
    margin-top: -32%;
  }
  .one-third.column .img-placeholder > i {
    font-size: 1300%;
    margin-top: -29%;
  }
  .two-thirds.column .img-placeholder > i {
    font-size: 3100%;
    margin-top: -32%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .img-placeholder > i {
    font-size: 4500%;
    margin-top: -39%;
  }
  .one.column .img-placeholder > i,
  .one.columns .img-placeholder > i {
    font-size: 100%;
    margin-top: -24%;
  }
  .two.columns .img-placeholder > i {
    font-size: 300%;
    margin-top: -26%;
  }
  .three.columns .img-placeholder > i {
    font-size: 600%;
    margin-top: -32%;
  }
  .four.columns .img-placeholder > i {
    font-size: 900%;
    margin-top: -34%;
  }
  .five.columns .img-placeholder > i {
    font-size: 1200%;
    margin-top: -35%;
  }
  .six.columns .img-placeholder > i {
    font-size: 1500%;
    margin-top: -37%;
  }
  .seven.columns .img-placeholder > i {
    font-size: 1800%;
    margin-top: -38%;
  }
  .eight.columns .img-placeholder > i {
    font-size: 2100%;
    margin-top: -38%;
  }
  .nine.columns .img-placeholder > i {
    font-size: 2400%;
    margin-top: -38%;
  }
  .ten.columns .img-placeholder > i {
    font-size: 2700%;
    margin-top: -38%;
  }
  .eleven.columns .img-placeholder > i {
    font-size: 3000%;
    margin-top: -39%;
  }
  .twelve.columns .img-placeholder > i {
    font-size: 3300%;
    margin-top: -39%;
  }
  .thirteen.columns .img-placeholder > i {
    font-size: 3600%;
    margin-top: -39%;
  }
  .fourteen.columns .img-placeholder > i {
    font-size: 3900%;
    margin-top: -39%;
  }
  .fifteen.columns .img-placeholder > i {
    font-size: 4200%;
    margin-top: -39%;
  }
  .sixteen.columns .img-placeholder > i {
    font-size: 4500%;
    margin-top: -39%;
  }
  .one-third.column .img-placeholder > i {
    font-size: 1100%;
    margin-top: -32%;
  }
  .two-thirds.column .img-placeholder > i {
    font-size: 2900%;
    margin-top: -39%;
  }
}
@media only screen and (max-width: 767px) {
  .img-placeholder > i,
  .one.column .img-placeholder > i,
  .one.columns .img-placeholder > i,
  .two.columns .img-placeholder > i,
  .three.columns .img-placeholder > i,
  .four.columns .img-placeholder > i,
  .five.columns .img-placeholder > i,
  .six.columns .img-placeholder > i,
  .seven.columns .img-placeholder > i,
  .eight.columns .img-placeholder > i,
  .nine.columns .img-placeholder > i,
  .ten.columns .img-placeholder > i,
  .eleven.columns .img-placeholder > i,
  .twelve.columns .img-placeholder > i,
  .thirteen.columns .img-placeholder > i,
  .fourteen.columns .img-placeholder > i,
  .fifteen.columns .img-placeholder > i,
  .sixteen.columns .img-placeholder > i,
  .one-third.column .img-placeholder > i,
  .two-thirds.column .img-placeholder > i {
    font-size: 1500%;
    margin-top: -33%;
  }
  .img-icon { max-width: 130px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .img-placeholder > i,
  .one.column .img-placeholder > i,
  .one.columns .img-placeholder > i,
  .two.columns .img-placeholder > i,
  .three.columns .img-placeholder > i,
  .four.columns .img-placeholder > i,
  .five.columns .img-placeholder > i,
  .six.columns .img-placeholder > i,
  .seven.columns .img-placeholder > i,
  .eight.columns .img-placeholder > i,
  .nine.columns .img-placeholder > i,
  .ten.columns .img-placeholder > i,
  .eleven.columns .img-placeholder > i,
  .twelve.columns .img-placeholder > i,
  .thirteen.columns .img-placeholder > i,
  .fourteen.columns .img-placeholder > i,
  .fifteen.columns .img-placeholder > i,
  .sixteen.columns .img-placeholder > i,
  .one-third.column .img-placeholder > i,
  .two-thirds.column .img-placeholder > i {
    font-size: 2100%;
    margin-top: -30%;
  }
}