@charset "UTF-8";

.DSHeaderContainer {
    display: flex; /* Arranges children in a horizontal row */
  align-items: stretch; /* Default behavior: forces all children to equal height */
	
}
.LogoCol {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    color: #171717;
    background-color: #FFFFFF;
    width: 34%;
    float: left;
}
.LogoLongImage {
	max-width: 100%;
  height: auto;
}
.SocialHeaderCol {
    background-color: #660000;
    vertical-align: middle;
    width: 66%;
    float: right;
    text-align: right;
    display: flex;
    flex-wrap: wrap; /* Allows stacking on mobile */	
	
	
    justify-content: center; /* Centers horizontally */
    align-items: center;           /* Requires a defined container height to center vertically */
    min-height: 75px;
	
}

.SocialCol1 {
    flex: 1 1 calc(20%); /* 4 equal columns */
    box-sizing: border-box;
    padding-right: 50px;
}
.SocialCol2 {
    flex: 1 1 calc(20%); /* 4 equal columns */
    box-sizing: border-box;
    padding-right: 50px;
}
.SocialCol3 {
    flex: 1 1 calc(20%); /* 4 equal columns */
    box-sizing: border-box;
    padding-right: 50px;
}
.SocialCol4 {
    flex: 1 1 calc(20%); /* 4 equal columns */
    box-sizing: border-box;
    padding-right: 50px;
}
.SocialCol5 {
    flex: 1 1 calc(20%); /* 4 equal columns */
    box-sizing: border-box;
    padding-right: 50px;
}


.NavBar {
    background-color: #CC9966;
    vertical-align: middle;
    clear: both;
    float: none;
    width: 100%;
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center;           /* Requires a defined container height to center vertically */
    min-height: 50px;
}
.Main {
    font-size: 20px;
}
.MainContainer {
    display: flex;
    flex-wrap: wrap; /* Allows stacking on mobile */
    gap: 16px;       /* Spacing between columns */
}

.flex-col {
  flex: 1 1 calc(25% - 16px); /* 4 equal columns minus gap */
  box-sizing: border-box;
  background-color: #f0f0f0;  /* Optional formatting */
  padding: 20px;
}

/* Mobile responsive view */
@media (max-width: 768px) {
  .flex-col {
    flex: 1 1 100%; /* Collapse to 1 column wide on mobile */
  }
}

.SpotlightCol1 {
    text-align: center;
	  flex: 1 1 calc(25% - 16px); /* 4 equal columns minus gap */
  box-sizing: border-box;
  padding: 20px;
}
.SpotlightCol2 {
    text-align: center;
   	  flex: 1 1 calc(25% - 16px); /* 4 equal columns minus gap */
  box-sizing: border-box;
  padding: 20px;
}
.SpotlightCol3 {
    text-align: center;	
	  flex: 1 1 calc(25% - 16px); /* 4 equal columns minus gap */
  box-sizing: border-box;
  padding: 20px;
}
.SpotlightCol4 {
    text-align: center;
    flex: 1 1 calc(25% - 16px); /* 4 equal columns minus gap */
    box-sizing: border-box;
	padding: 20px;
}
.TextInternalBlock {
    text-align: justify;
    margin: 15px;
}
.copyright {
    text-transform: uppercase;
    background-color: #737373;
    text-align: center;
    vertical-align: middle;
    height: 75px;
    width: 100%;
    color: #FFFFFF;
    font-weight: bold;
    font-size: large;
    padding-top: 20px;
    clear: both;
	}

.ProductShowcase {
    display: flex;
	flex-wrap: wrap; /* Allows items to wrap onto the next line */
    align-items: stretch;
}
	

.ProductImage {
    text-align: right;
    flex: 0 0 300px;
    margin-bottom: 50px;
}
.ProductText {
    text-align: left;
    flex: 1;
    padding-left: 20px;
}