@media (min-width: 990px) { 
  /* desktop view */
  /* Apply to screens 990 or greater*/

  .mobile-show {
    display: block;
  }

  .show-menu {
    display: none;
  }

  .container{
    max-width: 800px;
  }

  .header{

    padding-left: 20px;

  }

  .navTitle {
    font-size: 58px!important;
  }

  .navText{
    font-size: 36px;
    padding-top: 23px;
  }

  .navSmallText{
    font-size: 20px;
    padding-bottom: 16px;
  }

  .commissionTitle {
    padding-top: 10px;
  }

  .commissionTitle > h1 {
    color: white;
    font-size: 30px!Important;
  }



  .NH_logo {
    font-size: 32px;
  }

  .NH_Logo_Image {
    margin:40px;
    width:fit-content;
  }

  .NH_Logo_Image > * {
    width: 360px;
  }

  .NH_Small_Logo_Image > * {
    width:200px;
  }

  .flexColumns{
    gap:40px;
  }

  .flexColumns2{
    gap:40px;
  }

  /* NH Logo in footer  */
  .footNotes {
    height:150px;
  }

  .footNoteLogoImage > * {
    width:200px;
  }

  .artImage {
    padding-left:40px;
    padding-right:40px;
    padding-top:20px;
  }

  .commercialLockheedMartinBrochure{
    max-width: 571px;

  }

  .commercialBooksHeight {
    height: 500px;

  }

  .commissionThumbnailsCentre > * {
    flex-basis: 50%;
  }

  artInDetailColumns > * {
    flex-basis: 50%;
  }

  .centreArtInDetailContent > * {
    width:100%;
    max-width: 1440px;

  }

 


}

@media (max-width: 1440px) { 
  .centreArtInDetailContent > * {
    width:100%;
    max-width: 700px;
  }

}

@media (max-width: 1400px) { 
  .flexColumns{
    gap:0px;
  }
  .flexColumns2{
    gap:20px;
  }
}


@media (max-width: 990px) { 
    /* small view */
    /* Apply to screens less than 990 */

    .mobile-hide {
      display: none;
    }

    .show-menu {
      display: block;
    }

    .navTitle {
      font-size: 58px!important;
    }

    .navText{
      font-size: 36px;
      padding-top: 0px;
    }

    .navSmallText{
      font-size: 20px;
      padding-bottom: 16px;
    }

    .commissionTitle {
      padding-top: 15px;
    }

    .commissionTitle > h1 {
      color: white;
      font-size: 24px!Important;
    }

    .menuButton{
      margin-top: 26px;
    }

    .NH_logo {
      font-size: 26px;
    }

    .NH_Logo_Image {
      margin:30px;
      width:fit-content;
    }

    .NH_Logo_Image > * {
      width: 300px;
    }

    .NH_Small_Logo_Image > * {
      width:160px;
    }

    /* NH Logo in footer  */
    .footNoteLogoImage > * {
      width:160px;
    }
    .footNotes {
      height:130px;
    }

    .artImage {
      padding-left:20px;
      padding-right:20px;
      padding-top:20px;
    }

    .commercialLockheedMartinBrochure{
      max-width: 571px;
    }

    .commissionThumbnailsCentre > * {
      flex-basis: 100%;
    }

    artInDetailColumns > * {
      flex-basis: 100%;
    }

    .centreArtInDetailContent > * {
      width:100%;
      max-width: 700px;
    }

    .twoColumn {
      margin:10px;
    }

    .flexColumns{
      gap:0px;
    }
    .flexColumns2{
      gap:20px;
    }


  }

  @media (max-width: 640px) {
    /* very small view */
    /* Apply to screens less than 640px */

.navTitle {
      font-size: 38px!important;
    }

    .navText{
      font-size: 18px;
      padding-top: 0px;
    }

    .header {
      padding-top:10px
    }

    .navSmallText{
      font-size: 14px;
      padding-bottom: 9px;
    }

    .menuButton{
         margin-top: 10px;
    }

    .NH_logo {
      font-size: 20px;
    }

    .NH_Logo_Image {
      margin:10px;
      width:fit-content;
    }

    .NH_Logo_Image > * {
      width: 250px;
    }

    .NH_Small_Logo_Image > * {
      width:140px;
    }

    .footNotes {
      height:120px;
    }
    /* NH Logo in footer  */
    .footNoteLogoImage > * {
      width:140px;
    }

    .artImage {
      padding-top:10px;
    }

    .commercialLockheedMartinBrochure{
      max-width: 400px;
    }

    .twoColumn {
      margin:10px;
    }

    .flexColumns{
      gap:0px;
    }
    .flexColumns2{
      gap:20px;
    }


  } 

/* Apply to all */ 

  body {
    background-color: #ffffff;
    min-width: 320px;
    color: #50606d!Important;


  }

  .headerLogo {
    width:100%;
    margin-bottom: 60px;
  }

  .headerLogo > img {
    width:100%;
  }

  .flexColumns {
    display: flex;
    align-items: top;
    justify-content: center;
    flex-wrap: wrap;
}

.flexColumns2{
  display: flex;
  align-items: top;
  justify-content: center;
  flex-wrap: wrap;
}

.twoColumn {
  max-width: 700px;
 
}

.twoColumn > img {
  width: 100%;
  max-width: 700px;
}



.columnTitle {
  font-size: 40px;
  color: #50606d;
  padding-bottom: 30px;
}

.columnTitle > h1 {
  font-size: 40px!important;
}

.orderBlock {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: rgb(225, 223, 218);
}

.orderItem {
  width:300px;
  height:300px;
  padding: 10px;
  background-color:white;
  text-align: center;
  border-style: solid;
  border-width:medium;
  border-color:  #51616E;
  padding-top: 36px;

}



  h1{
    color: #50606d;
    font-size: 30px!Important;
  }


  h2{
    color: #50606d!Important;

  }

  .carousel-caption h3 {
    color:white;
  }

  .goldTitle {
    color: #888276;
    font-size: 30px;
    font-weight:400;
  }

  p {
    font-size: 20px!Important;
  }

  .mainPageContainer{
    max-width: 1920px;
    margin: auto;
 

  }

  .greyFullWidthContainer{
    max-width: 1920px;
    margin: auto;
    background-color:  #50606d;
    color: white;

    padding-top: 40px;
    padding-bottom: 10px;
    margin-bottom: 40px;

  }

  .creamFullWidthContainer{
    max-width: 1920px;
    margin: auto;
    background-color:  #e2dfd7;
    color: #50606d;

    padding-top: 40px;
    padding-bottom: 10px;
    margin-bottom: 40px;

  }

  .greyFullWidthContainerNoPad{
    max-width: 1920px;
    margin: auto;
    background-color:  #50606d;
    color: white;
    margin-bottom: 40px;

  }

  

  .pageCentreContainer {
    width:100%;
    display:flex;
    justify-content: center;
    
  }

  .pageTitle {
    width: 100%;
    margin-top:10px;
    display:flex;
    justify-content:center;
    font-size: 30px;
    color: #50606d;
  }

  artInDetailColumns{
    width: 100%;
    justify-content:center;
    display: flex;
  }

  .commissionThumbnailsCentre {
    width: 100%;
    justify-content:center;
    display: flex;
    flex-wrap: wrap-reverse;
 
  }

  .commissionImage {
    max-width:960px;
    width:100%;

  }

  .commissionLeftPanel{
    display:flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .commissionTestimonial{
    width:400px;
  }

  .commissionTitle {
    margin-top:20px;
    display:flex;
    justify-content:center;
    color: white;
    height: 60px;
    background-color:#888276 ;
  }

  .commissionArtImage{
    width:100%;
    max-width: 850;
  }

  .commissionDarkSection{
    width:100%;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    background-color:#50606d;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

  }

  .commissionDarkSectionText{
    max-width:750px;
  }

  .commissionDarkSectionText > h3 {
    color:white;
  }

  .commissionDarkSectionText > p {
    color:white;
  }

  .commissionYourOwnText{
    font-size:30px;
    padding-top: 40px;
  }

  .commissionCrest{
   
    width:100%;
  }

  .commissionCrestText{
    color: #BCB6A9!Important;
    margin-top: 5px;
    margin-bottom: 5px;
  }


  .headerLine{
    width:100%;
    height:2px;
    background-color: #50606d;
  }

  .NH_Small_Logo{
    margin-top:30px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
  }


  .footerLine{
    width:100%;
    height:2px;
    background-color: white;
  }




  .bg-dark {
    background-color: #51616E!important;
  }

  .navHeaderItems{
    display:flex;
    flex-wrap: wrap;
    align-content: space-between;
    width:100%;
    margin-left:20px;
    margin-right:20px;
    min-height: 80px;
    line-height: 80px; 

  }

  .headerItemName{
    color:#ffffff;
    flex:auto;
    font-size: 58px;
    
  }

  .headerItemNameSmall{
    font-size: 20px;
    color: #BEBFC1;
  }

  .navTextRight {
    color: #BEBFC1;
    font-size: 36px;
  }

  .navTitle {
    color:#ffffff!important;
    float: left;
    margin-left:20px;
  }

  .navTitle a {
    color:#ffffff!important;
    font-style: normal;
    text-decoration: none;
  }

  .navSmallText{
    color: #BEBFC1;
    float: left;
    padding-left: 10px;
  }

  .navText{
    color: #BEBFC1;
    float:right;
    margin-right:20px;
    margin-left:20px;
  }

  .navContainer {
    display: flex;
    align-items: flex-end;
    height: auto;
  }

  .dropdown-item:hover {
    background-color:#e1e4e9!Important;
    color: #51616E;
  }



  .offcanvas-title {
    color:#293037!important;
  }

  .offcanvas.offcanvas-end{
    width:300px!Important;
  }

  .nav-link {
    color:#293037!important;
  }

  .nav-link:hover {
    color:#51616E!important;
  }

  .header{
    height:auto;
    display: flex;
    background-color: #51616E;
    padding-right: 20px;
    padding-bottom: 10px;
  }

  .headerItems{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
    width:100%;
  }

  .offcanvas.offcanvas-end {
    width:300px;
  }

  .rightMenuItem {
    word-wrap: normal;
    padding-bottom: 10px;
  }

  .menuText{
    width: 180px;
    font-size: 20px;
  }


  .mainImage {
    width:100%;
  }


  .image850 > img {
    max-width:850px;
    width: 100%;
  }

  .image650  > img {
    max-width:650px;
    width: 100%;
  }



  .NH_logo {
    margin-top:20px;
    margin-bottom: 20px;
    width: 100%;
    display: flex;
    justify-content:center;
    flex-direction:column;
    align-items: center;
    padding:20px;
    color: #51616E;
    text-align: center;
  }
   
  .NH_logo > * {
    max-width: max-content;
    max-height: fit-content;
  }

  .galleryThumbnailsArtView{

    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
  }

  .galleryThumbnailLeftItem{
    display: flex;
    padding:10px;
  }

  .pageThumbnails{
    max-width:1188px;
  }

  .galleryThumbnailsCentre {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
  }

  .galleryThumbnailsCentre > * {
    /*flex-basis: 33%; */
    display: flex;
    justify-content:center;
  }

  .galleryThumbnailItem {
    padding:10px;
  }

  .thumbnailImage {
    max-width:360px;
    width:100%;
    min-width:320px;
  }

  .galleryThumbnailImage {
    padding-bottom: 40px;
  }

  .thumbnailButton {
    width:100%;
    height:60px;
    margin-top:2px;
    background-color: #51616E;
    color: white;
    text-align: center;
    vertical-align: middle;
    line-height: 60px; 
    font-size: 26px;
    font-weight:300;
  }

  .thumbnailButton:hover {
    background-color: #888276;
    cursor: pointer;
  }

  .thumbnailButton a {
    color: white;
    text-decoration: none;
  }

  .thumbnailButton a:hover {
    color: white;
    text-decoration: none;
  }

  .goldButton{
    width:180px;
    height:50px;
    margin-top:14px;
    background-color: #51616E;
    color: white;
    text-align: center;
    vertical-align: middle;
    line-height: 50px; 

    font-size: 22px;
    font-weight:300;
  }

  .goldButton a {
    color: white;
    text-decoration: none;
  }

  .goldButton:hover {
    background-color: #888276;
    cursor: pointer;
  }

  .goldButtonBorder{
    border: white;
    border-width: 1px;
    border-style: double;
    width:180px;
    height:40px;
    margin-top:14px;
    background-color: #51616E;
    color: white;
    text-align: center;
    vertical-align: middle;
    line-height: 40px; 

    font-size: 20px;
    font-weight:300;
  }

  .goldButtonBorder a {
    color: white;
    text-decoration: none;
  }

  .goldButtonBorder:hover {
    background-color: #888276;
    cursor: pointer;
  }


  
  .transparentButtonBorder{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    border: white;
    border-width: 1px;
    border-style: double;
    width:320px;
    height:40px;
    margin-top:14px;
    color: white;
    text-align: center;
    vertical-align: middle;
    line-height: 40px; 

    font-size: 20px;
    font-weight:300;
  }

  .transparentButtonBorder a {
    color: white;
    text-decoration: none;
  }

  .transparentButtonBorder:hover {
    background-color: #888276;
    cursor: pointer;
  }

  .buyNowButton{
    width:120px;
    height:40px;
    background-color: #51616E;
    color: white;
    text-align: center;
    align-content: center;
    margin: auto;
    margin-top: 10px;
    font-size: 18px;
    font-weight:bolder;
  }

  .buyNowButton a {
    color: white;
    text-decoration: none;
  }

  .buyNowButton:hover {
    background-color: #888276;
    cursor: pointer;
  }

  .buyNowHR {
    margin-left: 40px;
    margin-right:40px;
    margin-top: 8px;
    margin-bottom: 8px;

    border-style: solid;
    border-color: #51616E;
    border-width: 1px;
 
  }


  .centreFlexDiv {
    width:100%;
    display:flex;
    justify-content:center;
    gap: 10px;
    margin-top:10px;
    margin-bottom: 50px;
    
  }

  .socialMediaImage {
    width:50px;
  }

  .footNotes {
    background-color: #51616E;
    color: white;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;

  }

  .footNoteLogoImage {
    margin-bottom: 6px;
  }

  .TermsAndConditions {
    width:100%;
    color: #51616E;
    text-align: center;
    vertical-align: middle;
    height: 40px;
    line-height: 40px; 
  }

  .TermsAndConditions > a {
    color: #51616E;
    height: 40px;
    line-height: 40px; 
  }

  .designedBy {

    width:100%;
    height: 40px;
    background-color: #51616E;
    color: white;
    text-align: center;
    vertical-align: middle;
    line-height: 40px; 

    font-size: 14px;
    font-weight:300;

  }

  .designedBy a, .designedBy a:visited {
    color: white;
    text-decoration: none;
  }

  .gallerySketch {
    width:100%;
    display:flex;
    justify-content:center;
    padding:20px;
  }

  .gallerySketch > * {
    width: 100%;
    max-width:700px;
  }

  .contactImage {
    width:100%;
    display:flex;
    justify-content:center;
    padding:20px;
  }

  .contactImage > * {
    width: 100%;
    max-width:300px;
  }

  .centreImage {
    width:100%;
    display:flex;
    justify-content:center;
    padding-left:40px;
    padding-right:40px;
    padding-top:20px;
  }
  .centreImage > * {
    max-width: 100%;
  }

  .customerTestimonial{
    font-style: italic;
    color: #888276!Important;
  }

  .customerTestimonialLight{
    font-style: italic;
    color: #BCB6A9!Important;
  }

  .automotiveNeilHipkiss{
    width:100%;
    text-align: center;

  }

  .centredText{
    width:100%;
    text-align: center;
    padding:5px;
    


  }

  .marginTop20{
    margin-top: 20px!important;
  }

  .marginTop30{
    margin-top: 30px!important;
  }

  .marginTop40{
    margin-top: 40px!important;
  }

  .marginTop50{
    margin-top: 50px!important;
  }

  .marginBottom5{
    margin-bottom: 5px;
  }

  .marginBottom10{
    margin-bottom: 10px;
  }

  .marginBottom20{
    margin-bottom: 20px;
  }

  .marginBottom30{
    margin-bottom: 30px!important;
  }

  .marginBottom40{
    margin-bottom: 40px!important;
  }

  .marginBottom50{
    margin-bottom: 50px!important;
  }

  .marginBottom80{
    margin-bottom: 80px!important;
  }

  .artImage {
    width:100%;
    display:flex;
    justify-content:center;
    

  }
  .artImage > * {
    max-width: 100%;
    max-height:400px;
  }

  .commercialhumbnails{
    max-width:1100px;
  }

  .commercialEditions{
    max-width:1300px;
  }

  .commercialThumbnailsCentre {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    gap:20px;
  }

  .commercialThumbnailsCentre > * {
    flex-basis: 50%;
    display: flex;
    justify-content:center;
  }




  .commercialThumbnailsOffCentre {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
  }

  .commercialThumbnailsCentre > * {

    display: flex;
    justify-content:center;
  }

  .commercialThumbnailImage {
    max-width:360px;
    width:100%;
    min-width:340px;
    margin-top:10px;
    margin-bottom:10px;
   
  }

  .commercialEditionsImage {
    max-width:620px;
    width:100%;
    min-width:350px;
    margin-top:10px;
    margin-bottom:10px;
  }

  .commercialLockheedMartinBrochure{
    min-width:310px;
    width:100%;
    padding:4px;

  }

  .commercialTinImage{
    max-width:571px;
    width:100%;
    min-width:320px;
    margin:10px;
  }



  .width100{
    width:100%;
  }

  .artCarousel {
    max-width:900px;
    margin-top: 10px;
  }

  .goldOrderButton {
    margin: 0 auto;
    padding:10px;
    width:320px;
    margin-top:20px;
    margin-bottom:20px;
    background-color: #888276;
    color: white;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
  }

  .goldOrderButton h4 {
    color: white;
    margin-top:0px !important;
  }

  .printPrice{
    font-size: 20px;
  }

  .centreContent{
    margin:10px;
    max-width: 800px;
  }

  .centreContent > img {
    
    width: 100%;
    max-width:800px;
    margin-bottom: 40px;
    margin-top: 10px;
  }

  .centreArtInDetailContent{
    display:flex;
    flex-direction: column;
    align-items: center;
    margin:10px;
    
  }


  .aboutJointForce{
    max-width: 800px;
    padding:10px;
    background-color: #51616E;
    color:white;
    margin-bottom: 40px;
    margin-top: 30px;
  }

  .aboutJointForce > h4 {
    color:white;
    text-align: center;
  } 

  .aboutJointForce > img {
    width: 100%;
    max-width:780px;
    margin-bottom: 20px;

  }

  .artTileX4 {
    margin-top:20px;
    margin-bottom: 20px;
    width:100%;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:center;
    gap:10px;
    
  }

  .artTileX4 >img {
    width: 100%;
    max-width:395px;

  }

  .artTileX2415{
    width:100%;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:center;
    gap:20px;
  }
  .artTileX2415 > img {
    max-width:415px;
  }

  .image850 {
    width:100%;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:center;
  }

  .p-bottom-10 {
    padding-bottom:10px;
}
.p-bottom-20 {
  padding-bottom:20px;
}
.p-bottom-40 {
    padding-bottom:40px;
}
.p-bottom-60 {
    padding-bottom:60px;
}



.p-top-10 {
    padding-top:10px;
}
.p-top-20 {
    padding-top:20px;
}
.p-top-30 {
    padding-top:30px;
}
.p-top-40 {
    padding-top:40px;
}
.p-top-60 {
    padding-top:60px;
}

.p-left-10 {
  padding-left: 10px;
}
.p-right-10 {
  padding-right: 10px;
}

.font-14{
  font-size: 14px;
}

.font-15{
  font-size: 15px;
}

.font-16{
  font-size: 16px;
}

.font-20{
  font-size: 20px;
}

.font-22{
  font-size: 22px;
}

.font-24{
  font-size: 24px;
}

.font-28{
  font-size: 28px;
}

.font-30{
  font-size: 30px;
}

.font-34{
  font-size: 34px;
}

.font-40{
  font-size: 40px;
}

.font-44{
  font-size: 44px !important;
}

.font-50{
  font-size: 50px;
}

.font-weight-400 {
  font-weight: 400;
}

.text-Centre {
  text-align: center;
}

.alignContent-Centre {
  align-content: center;
}

.pictureOverlap{
  width:fit-content;
  height:fit-content;
  position: relative;
  margin-bottom: 10px;
}

.whiteBorder {
  border: 8px solid white;
}