.teapot-pagewrap h1 {
  font-size: 20px;
}
.teapot-pagewrap h2 {
  font-size: 18px;
}
.teapot-pagewrap h3 {
  font-size: 16px;
}
.teapot-pagewrap a {
  text-decoration: none;
  color: #009fe3;
}
.teapot-pagewrap a:hover {
  text-decoration: none;
  color: #e6007e;
}
.teapot-pagewrap .supportbar {
  background-color: #e6007e;
  padding: 20px;
  text-align: center;
  color: #fff;
}
.teapot-pagewrap .supportbar h2 {
    color:#fff;
}
.teapot-pagewrap .supportbar a:hover {
  color: #fff;
  text-decoration: underline;
}

/**** bootstrap ****/
.teapot-pagewrap .container {
    max-width:1200px;
    margin:0px auto;
}
.teapot-pagewrap .col-sm-4, .teapot-pagewrap .col-sm-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.teapot-pagewrap .col-sm-4 {
  min-height: 510px!important;
  overflow:hidden;
}
.teapot-pagewrap .row {
  clear:both;
}
.teapot-pagewrap .col-sm-4 {
  float: left;
}
@media (min-width: 1096px) {
  .teapot-pagewrap .col-sm-12 {
    width:96%;
  }
  .teapot-pagewrap .col-sm-4 {
    width: 30%;
  }
}
@media (max-width: 1095px) {
  .teapot-pagewrap .col-sm-4 {
    width: 45%;
  }
}
@media (max-width: 767px) {
  .teapot-pagewrap .col-sm-4 {
    width: 95%;
  }
}