html, body {
  overflow-x: clip; /* or hidden */
}

/* Local replacements for Bootstrap utility/layout classes used in markup */
.container {
 /* width: 100%;*/
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.d-block {
  display: block !important;
}

.w-100 {
  width: 100% !important;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.rounded {
  border-radius: 0.375rem;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

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

  .show-menu {
    display: none;
  }

  .container{
    max-width: 800px;
  }

  .header{

    padding-left: 20px;

  }

  h1{
    color: #50606d;
    font-size: 30px!Important;
    font-weight: 400;
    margin-top: 10px;
  }

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

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

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

  .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%;
  }

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

  }

  .magazineImage{
        display: flex;
        justify-content:left;
      }

     .magazineImage > img {
      width: 336px;
     }

 


}

@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 */

  h1{
    color: #50606d;
    font-size: 30px!Important;
    font-weight: 400;
    margin-top: 10px;
  }


    .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: 8px;
    }

    .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%;
    }

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

    .twoColumn {
      margin:10px;
      width: 100%;
    }

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


  }

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

  h1{
      color: #50606d;
      font-size: 28px!Important;
      font-weight: 400;
      margin-top: 10px;
    }

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

    .navText{
      margin-left: 0;
      margin-right: 0;
      white-space: nowrap;
      font-size: 17px;
      padding-top: 0px;
    }

    .header {
      padding-top:10px
    }

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

    .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;
      font-size: 14px;
    }
    /* NH Logo in footer  */
    .footNoteLogoImage > * {
      width:140px;
    }

    .artImage {
      padding-top:10px;
    }

    .commercialLockheedMartinBrochure{
      max-width: 400px;
    }

    .twoColumn {
      margin:10px;
      width:100%;
    }

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


      .magazineImage{
        display: flex;
        justify-content:center;
      }

  }



/* Apply to all */ 

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

    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

  }

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

  .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;
 width:100%;
}

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



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

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

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

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

}






  h2{
    color: #50606d!Important;

  }

  .carousel-caption h3 {
    color:white;
  }

  .nh-carousel {
    position: relative;
  }

  .nh-carousel .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .nh-carousel .carousel-item {
    position: absolute;
    inset: 0;
    display: block;
    opacity: 0;
    transition: opacity 0.6s ease;
    pointer-events: none;
  }

  .nh-carousel .carousel-item.active {
    position: relative;
    opacity: 1;
    pointer-events: auto;
    z-index: 1;
  }

  .nh-carousel .carousel-item picture,
  .nh-carousel .carousel-item img {
    display: block;
    width: 100%;
  }

  .nh-carousel .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    z-index: 2;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
  }

  .nh-carousel .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0 0 1rem;
    list-style: none;
  }

  .nh-carousel .carousel-indicators button {
    width: 30px;
    height: 3px;
    border: 0;
    padding: 0;
    margin: 0;
    background: rgba(255,255,255,.5);
    opacity: 1;
    cursor: pointer;
  }

  .nh-carousel .carousel-indicators button.active {
    background: rgba(255,255,255,1);
  }

  .nh-carousel .carousel-control-prev,
  .nh-carousel .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 3;
    width: 15%;
    border: 0;
    padding: 0;
    color: #fff;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.75;
    transition: opacity 0.15s ease;
  }

  .nh-carousel .carousel-control-prev:hover,
  .nh-carousel .carousel-control-next:hover,
  .nh-carousel .carousel-control-prev:focus-visible,
  .nh-carousel .carousel-control-next:focus-visible {
    opacity: 0.95;
  }

  .nh-carousel .carousel-control-prev {
    left: 0;
  }

  .nh-carousel .carousel-control-next {
    right: 0;
  }

  .nh-carousel .carousel-control-prev-icon,
  .nh-carousel .carousel-control-next-icon {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }

  .nh-carousel .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
  }

  .nh-carousel .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 0 0 .708L10.293 8l-5.647 5.646a.5.5 0 0 0 .708.708l6-6a.5.5 0 0 0 0-.708l-6-6a.5.5 0 0 0-.708 0z'/%3e%3c/svg%3e");
  }

  @media (prefers-reduced-motion: reduce) {
    .nh-carousel .carousel-item {
      transition: none;
    }
  }

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

  .goldText {
    color: #888276;

  }

  p {
    font-size: 18px!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;

  }

    .greyFullWidthContainerCreativeProcess{
      max-width: 1920px;
      margin: auto;
      background-color:  #50606d; 
      color: white;
      text-align: center;
      padding-top: 20px;
      padding-bottom: 20px;
      font-size: 22px ;
      font-weight: 200;

      margin-bottom: 50px;

  }

    .goldFullWidthContainer{
    max-width: 1920px;
    margin: auto;
    background-color:   #888276;
    color: white;

    padding-top: 10px;
    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;
  }

  .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: min(400px, 100%);
      box-sizing: border-box;
  }

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

  .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;
  }


  .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: 8px;
  }

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

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

  body.nh-menu-open {
    overflow: hidden;
  }

  .nh-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 38px;
    border: 1px solid rgba(255,255,255,0.65);
    border-radius: 6px;
    background: transparent;
    color: #ffffff;
    padding: 0;
    cursor: pointer;
  }

  .nh-menu-toggle:hover {
    border-color: rgba(255,255,255,0.9);
    background: rgba(255,255,255,0.06);
  }

  .nh-menu-toggle:focus-visible {
    outline: 2px solid rgba(255,255,255,0.85);
    outline-offset: 2px;
  }

  .nh-menu-toggle svg {
    display: block;
  }

  .nh-offcanvas {
    position: fixed;
    inset: 0;
    z-index: 1040;
    visibility: hidden;
    pointer-events: none;
  }

  .nh-offcanvas.is-open {
    visibility: visible;
    pointer-events: auto;
  }

  .nh-offcanvas-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.2s ease;
  }

  .nh-offcanvas-panel {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 300px;
    max-width: 90vw;
    background: #ffffff;
    color: #293037;
    box-shadow: -0.5rem 0 1rem rgba(0,0,0,.15);
    transform: translateX(100%);
    transition: transform 0.2s ease;
    display: flex;
    flex-direction: column;
  }

  .nh-offcanvas.is-open .nh-offcanvas-backdrop {
    opacity: 1;
  }

  .nh-offcanvas.is-open .nh-offcanvas-panel {
    transform: translateX(0);
  }

  .nh-offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid rgba(0,0,0,.125);
  }

  .nh-offcanvas-body {
    flex: 1 1 auto;
    padding: 1rem;
    overflow-y: auto;
  }

  .nh-btn-close {
    width: 1.2rem;
    height: 1.2rem;
    border: 0;
    background: transparent;
    padding: 0;
    position: relative;
    cursor: pointer;
    opacity: 0.75;
  }

  .nh-btn-close:hover {
    opacity: 1;
  }

  .nh-btn-close::before,
  .nh-btn-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1px;
    background: #000;
    transform-origin: center;
  }

  .nh-btn-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .nh-btn-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  .nh-btn-close:focus-visible {
    outline: 2px solid #51616E;
    outline-offset: 2px;
  }

  .nh-offcanvas-link {
    color:#293037;
    text-decoration: none;
  }

  .nh-offcanvas-link:hover {
    color:#51616E;
  }

  .nh-navbar {
    width: 100%;
    display: flex;
    justify-content: center;
    background: #ffffff;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .nh-navbar-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
  }

  .nh-navbar-item {
    position: relative;
    display: flex;
    align-items: center;
  }

  .nh-nav-link {
    color: #293037;
    text-decoration: none;
    background: transparent;
    border: 0;
    font: inherit;
    line-height: 1.5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.5rem;
    white-space: nowrap;
    cursor: pointer;
  }

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

  .nh-nav-link:focus-visible {
    outline: 2px solid #51616E;
    outline-offset: -2px;
  }

  .nh-dropdown {
    position: relative;
  }

  .nh-dropdown-toggle::after {
    content: "";
    margin-left: 0.35rem;
    border-left: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
    border-top: 0.3em solid currentColor;
    transform: translateY(1px);
  }

  .nh-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.375rem;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
    padding: 0.5rem 0;
    display: none;
    z-index: 1041;
  }

  .nh-dropdown.is-open .nh-dropdown-menu {
    display: block;
  }

  .nh-dropdown-item {
    display: block;
    /* width: 100%; */
    color: #293037;
    text-decoration: none;
    padding: 0.5rem 1rem;
    white-space: nowrap;
  }

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

  .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%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

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

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


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

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

  .image360  > img {
    max-width:360px;
    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;
  }

  .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;
    box-sizing: border-box;
  }

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

  .galleryThumbnailImage {
    position: relative;
    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;
  }

    .thumbnailButtonNoHover {
    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;
  }

  .nh-tile-dropdown-toggle {
    border: 0;
    display: block;
    padding: 0;
  }

  .nh-tile-dropdown-toggle::after {
    content: "";
    display: inline-block;
    margin-left: 0.5rem;
    vertical-align: middle;
    border-top: 0.3em solid currentColor;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
  }

  .nh-tile-dropdown-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% - 38px);
    z-index: 10;
    display: none;
    margin: 0;
    padding: 0.5rem 0;
    list-style: none;
    background: #ffffff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.375rem;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
  }

  [data-tile-dropdown].is-open .nh-tile-dropdown-menu {
    display: block;
  }

  .nh-tile-dropdown-item {
    display: block;
    color: #293037;
    text-decoration: none;
    padding: 0.25rem 1rem;
    white-space: nowrap;
    font-size: 1rem;
  }

  .nh-tile-dropdown-item:hover {
    background-color:#e1e4e9;
    color: #51616E;
  }



  .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;
  }

  .greyButtonBorder{
    border: #51616E;
    border-width: 1px;
    border-style: solid;

    color: #51616E;
    padding: 3px 6px;
    text-decoration: none;

  }

  .greyButtonBorder:hover {
    cursor: pointer;
    background-color: #51616E;
    color: white;
  }




  
  .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;
    border: none;
  }

  .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;
  }

    .centreFlexDivNoMargin {
    width:100%;
    display:flex;
    justify-content:center;
    gap: 10px;

  }

  .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;
  }

  .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;
  }

    .marginTop60{
    margin-top: 60px!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;
  }

  .imageWhiteBorder {
    border: white;
    border-width: 8px;
    border-style: solid;
  }



  .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;
    
  }


  .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-top-10 {
    padding-top:10px;
}
.p-top-20 {
  padding-top:20px;
}

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

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

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

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

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

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

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

.text-Centre {
  text-align: center;

}

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

.maxWidth-700 {
  max-width: 700px;
}

.maxWidth-600 {
  max-width: 600px;
}

.maxWidth-650 {
  width: 100%;
  max-width: 650px;
}

.maxWidth-500 {
  max-width: 500px;
}

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

.whiteBorder {
  border: 8px solid white;
}

.bigger { 
  font-size:120%; 
  font-weight: 500;

}

.margin-x-10 {
 margin-left:10px;
 margin-right:10px;
}

  .creationOfHeader{
    text-align: center;
  }


.plainLink {
    color: #51616E;
    text-decoration: none;
    font-weight: 400;
  }

  .plainLinkButton {
        text-decoration: none;
  }

  .crest_text {
    display: flex; 
    align-items: center; 
    gap: 16px;
  }