
#containerHero {
  height:647px;
  z-index:200;
}
#wrapperHeader {
  height:647px !important;
}
#heroImage {
  background-image:url(../images/heroSubCapabilities.jpg);
  height:647px !important;
}
#heroIcon {
  top:550px !important;
}
#menuItemSheetMetal {
  pointer-events:none;
  font-weight:700;
}
#heroHeader {
  position:absolute;
  font-size:40px;
  line-height:50px;
  width:100%;
  text-align:center;
  margin-top:300px;
}
#capabilitiesMenuContainer{
  display:block !important;
}
#containerTopCopy {
  max-width:1000px !important;
  margin-bottom:50px !important;
}
#containerButtonTop {
  width:95%;
  max-width:1400px !important;
}
#requestButton {
  position:relative;
  display:inline-block;
  border-radius:7px;
  right:0px;
  top:0px;
  left:auto;
  background-color:#006600;
  border:2px solid #006600;
  padding:22px 34px 17px 34px;
  font-size:25px;
  cursor:pointer;
}
#requestButton:hover {
  background-color:#A30020;
  border:2px solid #A30020;
  color:#FFFFFF;
}
#requestButton:active {
  background-color:#FFFFFF;
  border:2px solid #006600;
  color:#006600;
}
#buttonContainer {
  display:inline-block;
  width:40%;
  text-align:right;
}
#requestLine {
  position:relative;
  display:inline-block;
  width:59%;
  height:3px;
  background-color:#BBBABA;
  opacity:.3;
  margin:30px 0 0 0;
}
#fullEquipmentListButton {
  position:relative;
  /*display:inline-block;*/
  width:370px;
  border-radius:7px;
  margin:80px auto 0px auto;
  background-color:#FFFFFF;
  border:2px solid #006600;
  padding:22px 34px 17px 34px;
  font-size:25px;
  cursor:pointer;
  text-align:center;
}
#fullEquipmentListButton:hover {
  background-color:#A30020;
  border:2px solid #A30020;
  color:#FFFFFF;
}
#fullEquipmentListButton:active {
  background-color:#006600;
  border:2px solid #006600;
  color:#FFFFFF;
}
#equipmentListButtonContainer {
  width:100%;
  text-align:center;
}
#learnMoreSpacer {
  margin-top:80px !important;
}

/* COPY STYLES DESKTOP */

.categoryHolderMobile {
  display:none;
}
.categoryHolderDesktop {
  display:block;
}
.halfContent {
  display:inline-block;
  width:40%;
  text-align:left;
}
#leftContent {
  margin-right:10%;
}
.categorySideline {
  display:block;
  position:absolute;
  width:3px;
  height:360px;
  top:100px;
  left:30px;
  background-color:#BBBABA;
  opacity:.3;
}
.categoryHolder {
  position:relative;
}
.spacerBar {
  position:relative;
  width:100%;
  max-width:440px;
  height:3px;
  background-color:#BBBABA;
  opacity:.3;
  margin:50px 0 0 90px;
}
#containerContent {
  width:96%;
  max-width:1200px;
  margin:0 auto 0 auto;
  text-align:justify;
}
.categoryTitle {
  font-family: "montserrat",sans-serif;
  font-size:20px;
  font-weight:700;
  margin:90px 0 0 120px;
  padding-top:15px;
}
.categoryHeader {
  font-family: "montserrat",sans-serif;
  font-size:30px;
  font-weight:500;
  margin:50px 0 0 120px;
}
.categoryBody {
  font-family: "proxima-nova",sans-serif;
  font-size:20px;
  font-weight:400;
  margin:15px 0 0 120px;
  color:#BBBABA;
}
.categoryIcon {
  position:absolute;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:50% 50%;
  top:0px;
  left:0px;
  width:62px;
  height:57px;
}
#categoryIconApplications {
  background-image:url(../images/iconApplications.png);
}
#categoryIconMaterials, #categoryIconMaterialsMobile, #categoryIconProcesses, #categoryIconProcessesMobile {
  background-image:url(../images/iconMaterials.png);
}
#categoryIconAdvantages {
  background-image:url(../images/iconAdvantages.png);
}
#categoryIconFinishes {
  background-image:url(../images/iconFinishes.png);
}

/* COLORS FOR COPOY AND LINES */

#categoryTitleApplications, .categoryHeaderApplications, .spacerBarApplications {
  color:#EF495C;
}
.spacerBarApplications {
  background-color:#EF495C;
}
#categoryTitleMaterials, .categoryHeaderMaterials, #categoryTitleProcesses, .categoryHeaderProcesses {
  color:#A30020;
}
#categoryTitleAdvantages, .categoryHeaderAdvantages, .spacerBarAdvantages {
  color:#006600;
}
.spacerBarAdvantages {
  background-color:#006600;
}
#categoryTitleFinishes, .categoryHeaderFinishes {
  color:#7F205B;
}
.spacerBarFinishes {
  background-color:#7F205B;
} 
.spacerBarProcesses, .spacerBarProcessesMobile {
  background-color:#BBBABA;
} 
#spacerBarApplications1, #spacerBarAdvantages1, #spacerBarFinishes1 {
  margin-top:25px;
} 
.categoryHeaderMaterials, .spacerBarMaterials, .categoryHeaderProcesses, .spacerBarProcesses {
  margin-top:25px;
}
  


/* MEDIA QUERIES */

@media only screen and (max-width: 1700px) {

 
}
@media only screen and (max-width: 1550px) {
   
  #heroHeader {
      font-size:2.3vw;
    }
   
}

@media only screen and (max-width: 1250px) {
   
   
}
@media only screen and (max-width: 1100px) {
    .categoryTitle {
      font-size:20px;
      margin:90px 0 0 80px;
    }
    .categoryHeader {
      font-size:30px;
      margin:50px 0 0 80px;
      width:95%;
    }
    .categoryBody {
      font-size:20px;
      margin:35px 0 0 80px;
      width:95%;
    }
    .spacerBar {
      width:90%;
      margin:50px 0 0 70px;
    }
    #requestButton {
      border-radius:7px;
      padding:18px 30px 14px 30px;
      font-size:18px;
    }
    #requestButton:hover {
      background-color:#A30020;
      border:2px solid #A30020;
      color:#FFFFFF;
    }
    #requestButton:active {
      background-color:#FFFFFF;
      border:2px solid #006600;
      color:#006600;
    }
    #buttonContainer {
      display:inline-block;
      width:40%;
      text-align:right;
    }
    #requestLine {
      position:relative;
      display:inline-block;
      width:59%;
      height:3px;
      background-color:#BBBABA;
      opacity:.3;
      margin:30px 0 0 0;
    }
}

@media only screen and (max-width: 950px) {
   
}

@media (min-width: 768px) and (max-width: 1000px) {


}

@media only screen and (max-width: 600px) {
  
   

}

@media only screen and (max-width: 767px) {

    /* GLOBAL */
    #capabilitiesMenuContainer{
      display:none !important;
    }
    #heroImage {
      background-image:url(../images/heroCapabilities.jpg);
      height:647px !important;
    }
    #containerHero {
      height:647px;
      z-index:200;
    }
    #heroHeader {
      position:absolute;
      font-size:4.7vw;
      line-height:12vw;
      width:100%;
      left:0%;
      text-align:center;
      margin-top:270px;
    }

    /* COPY STYLES DESKTOP */

    #containerContent {
      width:100%;
      margin:0 auto 0 auto;
      text-align:left;
    }
    .categoryHolderMobile {
      display:block;
    }
    .categoryHolderDesktop {
      display:none;
    }
    .halfContent {
      display:block;
      width:100%;
    }
    .categoryTitle {
      font-size:20px;
      padding:35px 25px 35px 120px;
      margin:0 0 0 0;
    }
    .categoryHeader {
      font-size:30px;
      margin:0 0 0 0;
      padding:25px 25px 25px 25px;
      width:auto;
    }
    .categoryBody {
      font-size:20px;
      padding:35px 25px 35px 25px;
      margin:0 0 0 0;
      width:auto;
      display:none;
    }
    .categorySideline {
      display:none;
    }
    .spacerBar {
      position:relative;
      width:100%;
      max-width:1000px;
      height:3px;
      opacity:.3;
      margin:0 0 0 0;
    }
    .categoryIcon {
      top:20px;
      left:25px;
      width:62px;
      height:57px;
    }
    #categoryHolderApplications, #categoryHolderMaterialsMobile, #categoryHolderProcessesMobile {
      background-color:#000000;
    }
    .categoryHeaderApplications, #categoryTitleApplications, .categoryHeaderMaterialsMobile, .categoryBodyMaterialsMobile, #categoryTitleMaterialsMobile, #categoryTitleProcessesMobile, .categoryHeaderProcessesMobile {
      color:#FFFFFF;
    }
    .categoryHeaderAdvantages {
      color:#006600;
      background-color:#FFFFFF;
    }
    .categoryHeaderFinishes {
      color:#7F205B;
      background-color:#FFFFFF;
    }
    .spacerBarMaterialsMobile, .spacerBarProcessesMobile {
      background-color:#A30020;
    }
    #fullEquipmentListButton {
      position:relative;
      /*display:inline-block;*/
      width:85%;
      margin:80px auto 0px auto;
      padding:22px 5px 17px 5px;
      font-size:20px;
    }
    #requestButton {
      position:relative;
      display:inline-block;
      border-radius:7px;
      right:0px;
      top:0px;
      left:auto;
      background-color:#006600;
      border:2px solid #006600;
      padding:18px 30px 13px 30px;
      font-size:20px;
      cursor:pointer;
      margin-bottom:40px;
    }
    #requestButton:hover {
      background-color:#A30020;
      border:2px solid #A30020;
      color:#FFFFFF;
    }
    #requestButton:active {
      background-color:#FFFFFF;
      border:2px solid #006600;
      color:#006600;
    }
    #buttonContainer {
      display:inline-block;
      width:100%;
      text-align:center;
    }
    #requestLine {
      display:none;
    }
    #categoryBodyProcessesMobile3, #categoryBodyProcessesMobile4 {
      display:block;
      padding:10px 25px 35px 35px;
    }
    #spacerBarApplications1, #spacerBarAdvantages1, #spacerBarFinishes1 {
      margin-top:0px;
    }




}