@charset "utf-8";
/* CSS Document */
body{
	color:#fff;
	background: url(../img/splash-bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	 background-size: cover;	
}
h1{
    font-family: mate sc,serif;
    font-size:2rem;
    color: #e5cca4;
    margin-top:3rem;
}

h2 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.8rem;
    color: #ffffff !important;
    font-weight: bold;
}

.logo{
    padding:30px 0 20px 0;	
}
.text{
    color: #E5CCA4;
  font-size: 16px;
  text-shadow: 2px 2px 10px #000000;
}
.facebook{
	font-size:11px;
	text-transform:uppercase;
	color:#C1A272;
	padding-top:20px;
}
.facebook-btn{
    padding:10px 40px;	
}

.product-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px; /* spacing between items */
}

.product {
  flex: 1 1 18%; /* ~5 items across */
  max-width: 300px;
  text-align: center;
}

.product img {
  max-width: 100%;
  border-radius: 8px;
}

.product h3 {
  font-family: 'Mate SC', serif;
  color: #e5cca4;
  margin: 0.5rem 0 0.25rem 0;
}

.product p {
  color: #fff;
  margin: 0;
}

.social-section h2 {
  color: #E5CCA4 !important;
}
.social-section p {
  color: #E5CCA4;
}

.footer-text {
  color: #E5CCA4 !important;
  font-size: 0.875rem !important; /* 14px if base is 16px */
  text-align: center !important;
}


/*============These styles will apply to MEDIUM SIZE SCREENS AND BIGGER========== */
@media only screen and (min-width: 40.063em) {
.text{
  font-size: 20px;
}
}