@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;
}
section.section {
  padding: 30px 0;
}
/*===========Hero Styles==============*/
.displays-projectors #hero {
  background-color: #ffffff;
box-shadow: 1px -10px 14px -1px rgba(215,215,215,0.42) inset;
-webkit-box-shadow: 1px -10px 14px -1px rgba(215,215,215,0.42) inset;
-moz-box-shadow: 1px -10px 14px -1px rgba(215,215,215,0.42) inset;
  color: #000000;
  border-bottom: 1px solid #cccccc;
}
.displays-projectors #hero h1 {
  color: #001F4E;
  line-height: 1.2em;
}
.displays-projectors #hero #hero-text {text-align: center;}


@media handheld, only screen and (min-width:768px) {
  .displays-projectors #hero {
    background-image: linear-gradient(90deg,  #EEEDE9 0%, #54545400 40%, #ffffff 100%);
      background-size: cover;
	    min-height: 300px;
  }

  section .container .flex .text { 
    align-self: center;
  }
}
@media handheld, only screen and (min-width:992px) {
	.displays-projectors #hero #hero-text {text-align: left;}
}

@media handheld, only screen and (min-width:1600px) {
  
  .displays-projectors #hero h1 {
    width: 100%;
  }
}
/*
#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) {}