body {
  font-family: "Roboto Light", "Helvetica", serif;
}

h1,h2,h3,h4,h5,h6 {
  font-family: "Roboto", sans-serif;
}

h3 {
  color: #f7a636;
  font-family: "Roboto"
}

h2 {
  color: #f7a636;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 24pt;
}

h4 {
  font-family: "Roboto";
}

body, html {
  height: 100%;
  color: rgb(48, 48, 48);
  line-height: 1.8;
}

/* Create a Parallax Effect */
.bgimg-header, .bgimg-portfolio-spine, .bgimg-portfolio-ent, .bgimg-portfolio-cardiac, .bgimg-software-features, .bgimg-robotics, .bgimg-contact {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgimg-header {
  background-image: url("images/bg_header.jpg");
  background-position: top right;
  background-size: contain;
  /* min-height: 400px; */
  min-height: 60%;
}

.bgimg-portfolio-spine {
  background-image: url("images/bg_spine.jpg");
  min-height: 400px;
}

.bgimg-portfolio-ent {
  background-image: url("images/bg_ent.jpg");
  min-height: 400px;
}

.bgimg-portfolio-cardiac {
  background-image: url("images/bg_cardiac.jpg");
  min-height: 400px;
}

.bgimg-software-features {
  background-image: url("images/software/parallax_background_2.jpg");
  min-height: 400px;
}

.bgimg-robotics {
  background-image: url("images/robotics/bg.png");
  min-height: 400px;
}

.bgimg-contact {
  background-image: url("images/bg_ent.jpg");
  min-height: 400px;
}

.bgimg-footer {
  background-image: url("images/bg_footer.jpg");
  background-position: right;
  background-size: auto;
}

.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}

.es-p1 {
  background-color: rgb(217, 226, 230);
  border-radius:20px;
  padding: 40px;
}

.es-p2 {
  border-radius:20px;
  padding: 40px;
}

.es-zoom {
  transition: .2s;
}

.es-zoom:hover {
  transform: scale(1.1);
}

.slide_software {
  display: none;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1600px) {
  .bgimg-header, .bgimg-portfolio-spine, .bgimg-portfolio-ent, .bgimg-portfolio-cardiac, .bgimg-contact {
    background-attachment: scroll;
    min-height: 400px;
  }