/* Responsive — Extended overrides (all core responsive is in style.css) */

/* Very small screens */
@media (min-width: 250px) and (max-width: 349px) {
  #feture_img img, .colv2 img {
    width: 90% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
  }
  body { font-size: 14px; }
  h1,h2,h3,h4,h5,h6 { font-size: 18px; }
  p,span,a { font-size: 14px; }
  body, html { width: 100%; margin: 0; padding: 0; }
}

/* Single page image responsive */
@media (max-width: 600px) {
  #feture_img img { height: auto; width: 100%; }
}

@media (min-width: 601px) and (max-width: 720px) {
  #feture_img img { height: auto; width: 100%; }
}

@media (min-width: 721px) and (max-width: 850px) {
  #feture_img img { height: auto; width: 100%; }
}
