/* CSS Document */
@import url(fontawesome-all.min.css);
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600|Poppins:500,700,800");
html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}
.flex-container {
  display: flex; /* Enables flexbox layout */
  justify-content: space-around; /* Distributes space between and around items */
	min-height: 100vh;   /* Fills 100% of the viewport height */
  width: 100%;
  
  }
footer {
	 position: fixed;
	 text-align: center;
	 background: #00008B;
	 width: 100%;	 
	 line-height: 1em;
	 color: white;
	 z-index: 2;
	 top: 0;
	 overflow: hidden;
	 padding: 1.5em;
	 font-size:0.8em
	 }
.column {
  flex: 1; /* Allows columns to grow and fill available space equally */
  padding: 40px 20px;
  color: white; /* Ensures text is visible on the background image */
  background-size: cover; /* Stretches the image to cover the entire container */
  background-position: center; /* Centers the background image */
  background-repeat: no-repeat; /* Prevents image from repeating */
  position: relative;
  text-align:center;
  justify-content: center; /* Aligns content horizontally */
  display: flow;
  place-items: center; /* Aligns content both horizontally and vertically */
  height: 100vh; 
  padding-top: 40vh;
}

.column::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4); /* Dark overlay */
  z-index: -1;
}

/* Position the content above the overlay */
.column h2, .column p,  .column a {
  position: relative;
  z-index: 1;
	letter-spacing:-0.07em;	
}
h2 {
	text-transform: uppercase;
	}
.strokeme {
  -webkit-text-stroke: 1px black; /* width and color */
  text-stroke: 1px black;         /* standard property (limited support) */
  color: white;                   /* text fill color */
}	
/* Specific background images for each column */
#column1 {
  background-image: url('../images/australia-flag-cotton-dog-bandana-without-collar.jpg');
  opacity:0.8;
}

#column2 {
  background-image: url('../images/australia-flag-tea-towel-or-dashboard-mat.jpg');
  opacity:0.8;
  }

#column3 {
  background-image: url('../images/australia-flag-cotton-tote-bag-grocery bag.jpg');
  opacity:0.8;
  }

/* Responsive layout: stacks columns on top of each other on smaller screens */
@media (max-width: 768px) {
  .flex-container {
    flex-direction: column;
  }
}
input[type="submit"],input[type="reset"],input[type="button"],button,.button,.btn{border-radius:4px;position:relative;overflow:visible;outline:none;border:1px solid #999;border:rgba(0,0,0,0.2) 1px solid;border-bottom:rgba(0,0,0,0.4) 1px solid;background:-moz-linear-gradient(center top,rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%);background:-webkit-gradient(linear,center bottom,center top,from(rgba(0,0,0,.1)),to(rgba(255,255,255,.1)));-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);box-shadow:0 1px 2px rgba(0,0,0,0.2);white-space:normal;line-height:1em;-ms-filter:"progid: DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19000000')";filter:progid: DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19000000');cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-khtml-user-select:none;user-select:none}
button::-moz-focus-inner{border:none}
a.button,a.button:hover{text-decoration:none; text-shadow:0 0 black; color: white}
.button.full,.button.full span{display:block}
.button:hover,.button.hover{background:-moz-linear-gradient(center top,rgba(255,255,255,.2) 0%,rgba(255,255,255,.1) 100%);background:-webkit-gradient(linear,center bottom,center top,from(rgba(255,255,255,.1)),to(rgba(255,255,255,.2)));-ms-filter:"progid: DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#19FFFFFF')";filter:progid: DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#19FFFFFF')}
.button:active,.button.active{top:1px;background:-moz-linear-gradient(center top,rgba(0,0,0,.1) 0%,rgba(255,255,255,.1) 100%);background:-webkit-gradient(linear,center bottom,center top,from(rgba(255,255,255,.1)),to(rgba(0,0,0,.1)));-ms-filter:"progid: DXImageTransform.Microsoft.gradient(startColorStr='#19000000',EndColorStr='#19FFFFFF')";filter:progid: DXImageTransform.Microsoft.gradient(startColorStr='#19000000',EndColorStr='#19FFFFFF')}
.button{font-family: 'Poppins';position:relative;border-top:rgba(255,255,255,0.2) 1px solid;color:#fff;text-align:center;text-decoration:none;text-shadow:0 1px 1px rgba(0,0,0,0.25);white-space:normal;line-height:1em}
@media screen and (-webkit-min-device-pixel-ratio:0) {
button.button span{margin-top:-1px;margin-right:-2px;margin-left:-2px}
}
.button.small span{font-size:.8em;padding:.3em 1.2em}
.button,.button.medium span{font-size:.9em;padding:.9em 1.1em}
.button.large span,.button.big span{font-size:1.1em;padding:.6em 1.3em}
.button.black{background-color:#333}
.button.gray{background-color:#666;color:#fff}
.button.white{background-color:#fff;color:#1e1e1e}
.button.red{background-color:#e62727}
.button.orange{background-color:#ff5c00}
.button.magenta{background-color:#a9014b}
.button.yellow{background-color:#ffb515}
.button.blue{background-color:#00adee}
.button.pink{background-color:#e22092}
.button.green{background-color:#268821}
.button.wise{background-color:#9fe870;color: #163300;color#163300: ;}
.button.rosy{background-color:#f16c7c}
.button.ebay{background-color:#0063d1;color:#fff!important}