.primary-col {
  color: #00ccff;
}

.primary-bgcol {
  background-color: #00ccff;
}

.secondary-col {
  color: #003380;
}

.secondary-bgcol {
  background-color: #003380;
}

.hl-col {
  color: #00a7fd;
}

/* Rules for sizing the icon font */
.material-icons.md-18 {
  font-size: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
}

.material-icons.md-36 {
  font-size: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
}

body {
  width: 100%;
  height: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
}

#container {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#header {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.navbar-item {
  color: #555555 !important;
  font-weight: bold;
}

.img-overflow {
  max-height: none !important;
  height: 110px;
  width: auto;
  margin-bottom: -30px;
}

.navbar-item-hover:hover {
  background-color: #00ccff !important;
  color: #ffffff !important;
  font-weight: bold;
}

#hero-image {
  background-color: #f7f7f7;
  background-image: url("https://orizabaplumbing.com/images/hero.jpg");
  height: 500px;
  background-position: top right;
  background-repeat: no-repeat;
  background-size: auto;
}

@media screen and (max-width: 768px) {
  .mob-transp {
    background-image: none !important;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (max-width: 768px) {
  .mob-transp-dark {
    background-image: none !important;
    background-color: rgba(0, 0, 0, 0.5);
  }
}

#logo-big {
  background-image: url("https://orizabaplumbing.com/images/logo-big.png");
  height: 250px;
  width: 250px;
}

#logo-small {
  height: 230px;
  background-image: url("https://orizabaplumbing.com/images/logo-small.png");
  background-repeat: no-repeat;
  background-position: center;
}

#about-bullets {
  /*background-color: #ff9999*/
}

.about-bullet-icon {
  float: left;
  height: 100%;
  margin-right: 10px;
}

#services {
  background-color: #a8daff;
}

#srv-container {
  padding: 5px;
}

.srv-bullet {
  border-radius: 10px;
  margin: 10px;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.3);
}

#installation {
  background-color: #ffffff;
  border-radius: 10px;
  margin: 10px;
  padding: 10px;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.3);
}

.inst-box {
  margin: 20px;
}

.inst-icon {
  margin-right: 10px;
  float: left;
}

#location {
  background-color: #003380;
  height: 400px;
  background-image: url("https://orizabaplumbing.com/images/location-map.jpg");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: auto;
}

#loc-icon {
  height: 100%;
  margin-right: 20px;
  float: left;
}

#loc-list {
  list-style-type: disc;
}

.con-icon {
  margin-right: 25px;
  float: left;
}

#footer {
  background-color: #003380;
}

#logo-footer {
  padding: 0px 30px 10px 0px;
  height: 100%;
  float: left;
}

.horizontal-list {
  display: flex;
  list-style: none;
  gap: 20px;
  padding: 0;
  margin: 0;
}