@charset "UTF-8";
#commercial-displays-projectors a, #commercial-displays-projectors a:link, #commercial-displays-projectors a:visited, #commercial-displays-projectors a:hover, #commercial-displays-projectors a:active {
  color: #CF112D;
}
#commercial-displays-projectors #hero {
  padding-top: 100px;
  background-image: url(/portals/0/assets/images/com-displays-projectors-banner@2x.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  height: 360px;
}
@media screen and (max-width:762px) {
  #commercial-displays-projectors #hero {
    background-position-x: 0px;
  }
}
/*#commercial-displays-projectors #hero .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
}*/
/*#commercial-displays-projectors #hero .container {
    padding-top: 100px;
    background-image: url(/portals/0/assets/images/com-displays-projectors-banner@2x.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    height: 360px;
}*/
#commercial-displays-projectors #headline {
  background: transparent linear-gradient(90deg, #CF112D 0%, #680917 100%) 0% 0% no-repeat padding-box;
  padding: 25px 0;
  text-align: center;
}
#commercial-displays-projectors #headline h1 {
  color: #ffffff;
  font-weight: 600;
  margin-top: 0;
}
#commercial-displays-projectors #headline p {
  color: #ffffff;
}
#commercial-displays-projectors #main-content .product {
  text-align: center;
  padding: 20px 0;
}
#commercial-displays-projectors #main-content .product h2 {
  font-size: 20px;
  font-weight: bold;
}
@media handheld, only screen and (min-width:768px) {
  #commercial-displays-projectors #hero .container {
    padding: 15px 0 0 0;
  }
  #commercial-displays-projectors #headline .container {
    display: flex;
    align-items: center;
  }
  #commercial-displays-projectors #headline h1, #commercial-displays-projectors #headline p {
    width: 45%;
    margin: auto;
    text-align: left;
  }
  /*
  #commercial-displays-projectors #headline p {
    width: 35%;
  }
*/
  #commercial-displays-projectors #main-content .container {
    display: flex;
    padding: 25px 0;
  }
  #commercial-displays-projectors #main-content .product {
    text-align: left;
    display: flex;
  }
  #commercial-displays-projectors #main-content .product > div {
    width: 45%;
    margin: auto;
  }
}
@media screen and (max-width:762px) {}