.Page-Banner {
background-image: url(/SiteData/Images/Company/embroidery-banner.jpg); 
background-position: 70%;
}  

img.Digitizing-Example {
    width: 100%;
    max-width: 900px;
    /*! margin-bottom: 70px; */
}

h2 {
margin: 50px 0 25px;
}

.Banner-Container{
position: relative;
}


.Logo-Pricing {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.Logo-Pricing h2 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 60px;
    text-transform: uppercase;
}

.Pricing-Grid {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.Pricing-Card {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Pricing-Image {
    width: 100%;
    max-width: 330px;
    aspect-ratio: 1 / 1;
    background: #efefef;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
}

.Pricing-Image img {
    max-width: 75%;
    max-height: 75%;
    object-fit: contain;
}

.Pricing-Card h3 {
    font-size: 1.35rem;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.Pricing-Card p {
  font-size: 10pt;
  line-height: 13pt;
    max-width: 280px;
    margin-bottom: 30px;
}

.Price {
    font-size: 2rem;
    font-weight: 700;
}


@media (min-width: 768px) {

    .Pricing-Grid {
        flex-direction: row;
        justify-content: center;
        gap: 60px;
    }

    .Pricing-Card {
        flex: 1;
        max-width: 340px;
    }

}



a.email-link {
  font-weight: bold;
  background-color: #000;
  color: #fff;
  padding: 10px 25px;
  border-radius: 2px;
}

.Contact{
  text-align:center;  
    margin-bottom:50px;
}


.Contact p {
margin: 30px 0;
}


.Banner {
background: radial-gradient(circle,rgb(39, 56, 82) 1%, rgb(27, 40, 59) 100%);
  color: white;
  padding: 50px;
  margin: 150px auto;
  width: 100vw;
  text-align: center;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  font-size: 16pt;
 
height: 400px;
}

.Banner-Content{
  position:relative;
  width:100%;
  left: 50%;
  transform:translate(-50%,-50%);
      max-width:300px;
  top: 50%;
}

.Applications .Banner-Content{
  /*! position:relative; */
  /*! width:100%; */
  /*! left: 50%; */
  /*! transform:translate(-50%,-50%); */
      /*! max-width:220px; */
  /*! top: 50%; */
}

.Banner .Column-1, .Banner .Column-2, .Banner .Column-3 {

  text-align: left;
  
}

.Banner h3 {
  color: white !important;
  margin-bottom: 60px;
   text-transform: uppercase;
  font-size: 50pt;
}

.Banner p {
  margin-bottom: 15px;
    font-size: 12pt
}

        .Banner li {
    margin-bottom: 15px;
    font-size: 12pt
}

@media (min-width: 900px) {
    
  .Banner .Column-1, .Banner .Column-2, .Banner .Column-3 {
  width: 31%;
  display: inline-block;
  text-align: left;
  
}
    
      .Applications .Column-1, .Applications .Column-2, .Applications .Column-3 {
  width: 28%;
  /*! display: inline-block; */
  /*! text-align: left; */
  
}
    .Banner .Column-1 {
margin-left: 3%;
}
    .Applications .Banner-Content{

      /*! max-width:1200px; */
}
    
    .Banner-Content{

      max-width:1200px;
}
}

@media (min-width: 900px) {
    .Banner p {
    font-size: 16pt
}
        .Banner li {
    font-size: 16pt
}
    
}