@charset "utf-8";
/* CSS Document */
header img {
  width: 100%;       
  height: auto;      
  display: block;    
}
nav {
  background-color: #a68a62;
  padding: 10px 20px;
  text-align: center;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  gap: 10px;
  flex-wrap: wrap; 
}

nav li {
  margin: 0;
}

nav li a {
  font-size: 1.5em;   
  padding: 0.5em 1.5em;
  color: #ffffff;
  font-weight: bold;
  border: 2px solid #5e391c;
  border-radius: 50px;
  text-decoration: none;
  display: inline-block;
}


nav li a:hover {
  background-color: #5e391c;
  color: #ffffff;
}

#wrapper {
	width: 100%;
	background-color: #fff;
}

.tanbox {
	max-width: 100%;
	margin: 0 auto;
	background-color: #f5f2db;
	padding: 40px 3em;
	text-align: center;
}

.tanbox p {
	font-size: 18px;
	line-height: 200%;
	border-radius: 18px;
	text-align: center;
	margin-bottom: 1em;
}

.tanbox a {
    display: block;       
    margin: 0 auto;      
    max-width: 100%;      
}


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

.tanbox2col {
    max-width: 100%;       
    margin: 0 auto;          
    display: flex;
    justify-content: space-evenly; 
    align-items: flex-start;
    gap: 40px;
    background-color: #f5f2db;
    padding: 30px 15px;
}

.tanbox2col .col {
    width: 35%;
    box-sizing: border-box;
}

.tanbox2col h2 {
    margin-top: .25em;
    margin-bottom: 1em;
}


.tanbox2col p {
    font-size: 18px;
    line-height: 200%;
	text-align: center;
}

.tanbox-icons {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;  
    align-items: center;
    gap: 20px;
    background-color: #f5f2db;
    padding: 40px 20px;
}

.tanbox-icons .col {
    width: auto;   
    flex: 1;       
    text-align: center;
}

.tanbox-icons img {
    max-width: 200px;  
    width: 100%;
    height: auto;
}

.name-row {
    display: flex;
    justify-content: center;   
    gap: 12px;                 
    margin-bottom: 1.25em;
}


.name-row .mc-field-group {
    width: 220px;              
    flex: none;               
}


.mc-field-group label {
    display: block;
    margin-bottom: 6px;
    font-weight: bold;
    text-align: center;
	font-size: 1.25em;
}


.mc-field-group input {
    width: 100%;
    box-sizing: border-box;
	border: 2px solid #a68a62;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 16px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
   #mc_embed_signup .mc-field-group {
    max-width: 460px;     
    margin: 0 auto 1.25em;
}


#mc_embed_signup .mc-field-group input {
    width: 100%;
}
body {
    font-family: 'Work Sans', sans-serif;
    margin: 0;
    padding: 0;
}

h1 {
	position: absolute;
	left: 0;
	bottom: 40%;
	font-weight:bold;
	font-size: 60px;
	color: #fff;
	width: 100%;
	text-align: center;
	-webkit-text-stroke: 2px black;
}  
h2 {
	font-size: 2em ;
	font-weight: bold;
	margin-bottom: 1em;
	text-align: center;
}


p {
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    background: #5e391c;
    margin: 0 0 15px 0;
    padding: 10px;
	border-radius: 18px;
	text-align: center;
}

ul {
  list-style-type: none;            
  margin: 20px 0;             
  font-family: 'Work Sans', sans-serif; 
  font-size: 18px;            
  color: #000000;             
  line-height: 1.6; 
  text-emphasis: center;	
}

ul li {
  margin-bottom: 10px;        
}

ul li strong {
  font-weight: 700;           
}


#bg-image1 {
  	background-image: url("../images/mannequins.jpg");
	min-height: 500px;
}

#stars {
	background-image:url(/images/background/b1stars.svg);
}

#clouds {
	background-image:url(/images/background/b2clouds.svg);
}

#hill {
	background-image:url(/images/background/b3hill.svg);
}

#front {
	background-image:url(/images/background/b4front.svg);
}

#lake {
	background-image:url(/images/background/b5lake.svg);
}

#bears {
	background-image:url(/images/background/b6bears.svg);
}

#badland {
	background-image:url(/images/background/badland.png);
}

#stars, #clouds, #hill, #front, #lake, #bears, #badland{
	min-height: 500px; 
  	background-position: center;
	position: relative;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: none;
}


.gallery {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    background-color: #545454;
    padding: 15px;
}

.site-footer {
    background-color: #a68a62;
    padding: 20px 0;
    color: #000;   
}

.footer-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}


.footer-left img {
    max-width: 100%;
    height: auto;       
    max-height: 150px;  
    margin-right: 20px; 
}


.footer-center {
    text-align: center;
    flex: 1;
    font-size: 20px;
    font-weight: bold;
}

.footer-text {
    font-weight: bold;
    color: #ffffff;
    font-size: 1.1em;
    margin: 0;
    padding: 0;
    background: none;
}
 

.footer-right img {
    max-width: 100%;
    height: auto;       
    max-height: 150px;  
    margin-left: 20px; 
}


.gallery {
		margin: .2em;
		display: inline-block;
		vertical-align: top;
		max-width: 30%;
		border-radius: 15px;
		
}

.image-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background-color: #f5f2db;
}
@media (max-width: 600px) {
  nav ul {
    display: flex;
    flex-direction: column;  
    align-items: center;
    gap: 8px;              
  }

  nav li a {
    padding: 0.7em 2em;      
    font-size: 1.2em;       
  }
}