.certLogoSidebar{
        display:inline-block;
        position: fixed;
        top: 300px;
        right: 0;
        background-color: rgba(255, 255, 255, 0.8);
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
        padding: 8px;
        z-index: 1000;
}

   .certLogoSidebar img{
        max-width:40px;  
    }


.overlineWrap{
    width;100%;
    margin-bottom:10px;
    padding-bottom:2px;
    border-bottom:1px solid #EF8A00;
    color:#EF8A00;
    font-size:18px;
    font-weight:600;
    
}



.heroShowOnDesktop {
  display: none;
}

.pageHeroOuterWrap {
  width: 100%;
  min-height: 265px;
}

.pageHeroInnerWrap {
  width: 100%;
  position: relative;
}

.pageHeroBackground {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: right center;
}

.pageHeroOuterCopyWrap {
  background: #0a4543;
  display: flex;
  justify-content: center;
  padding: 5% 0;
}

.pageHeroInnerCopyWrap {
  width: 80%;
  text-align: center;
}

.pageHeroCopy {
  color: #ffffff;
}
.heroShowOnDesktop .pageHeroBtnWrap {
  float:left;
}
.pageHeroBtnWrap {
  padding-top: 10px;
  
}
#demobutton .demo-button {
    background-color: transparent;
    border: 1px solid #D7F5FF;
    color: #D7F5FF;
    width: 198px;    
}
#demobutton .demo-button:hover {
    border: 1px solid #D7F5FF;
    background-color: #d7f5ff1a;
    color: #d7f5ff;
}

.imageBelowButton{
    width:100%;
    display:flex;
    align-items: center;
    justify-content: center;
    padding-top:50px;
}

.imageBelowButton img{
    width:100%;
    max-width:125px;
    height:auto;
}


@media only screen and (max-width: 1024px) {
    .heroShowOnMobile .buttonOuterWrap {
        display:flex;
        align-items: center;
        justify-content: center;
        flex-wrap:nowrap;
        margin-top:20px
    }

}



@media only screen and (max-width: 479px) {
    .heroShowOnMobile .buttonOuterWrap {
        flex-wrap:wrap;
    }
    
    .buttonOuterWrap div{
        width:100%;
    }
    
    #demobutton {
      margin-left: 0;
    }
}
  
    
@media only screen and (min-width: 1025px) {
  .heroShowOnMobile {
    display: none;
  }

  .heroShowOnDesktop {
    display: block;
    width:100%;
  }
#demobutton .demo-button {
    margin-left: 50px;
}
  .pageHeroInnerWrap {
    display: flex;
    align-items: stretch;
  }

  .pageHeroHeroReg {
    height: 515px;
  }

  .pageHeroHeroTall {
    height: 735px;
  }
  .pageHeroHeroShort {
    height: 265px;
  }
  .pageHeroBackground {
    background-color: #000000;
      width:100%;
  }

  .pageHeroOuterCopyWrap {
    padding: 0 2%;
    background: none;
    width: 100%;
    display: flex;
    position: relative;
    z-index: 10;
    height:100%;
  }

  .pageHeroInnerCopyWrap {
    max-width: 1440px;
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 80px;
    padding-left: 2%;
    padding-right: 2%;
    text-align: left;
  }

  .pageHeroCopy {
    width: 55%;
  }

  h1 {
    font-size: 60px;
    line-height: 60px;
  }

  p {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    margin: 0 0 1rem;
  }
    
  .imageBelowButton{
    justify-content:flex-start;
   }    
    
    
    
}

@media only screen and (min-width: 1200px) {
    
   .pageHeroCopy {
    width: 45%;
  }
    
  .certLogoSidebar{
        display:inline-block;
        position: fixed;
        top: 300px;
        right: 0;
        background-color: rgba(255, 255, 255, 0.8);
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
        padding: 16px;
        z-index: 1000;
  }
    
   .certLogoSidebar img{
        max-width:60px;  
    }
    
    
}





@media only screen and (max-width: 611px) {
  #platformDetailOuterWrap .pageHeroBackground {
    background-position: 86%;
  }
}