* {
  box-sizing: border-box;
  font-family: century-gothic, sans-serif;
}


html, body{ 
  min-height: 100%;
  margin: 0;
  padding: 0;
}

/* Style the top navigation bar */
.topnav {
  overflow: hidden;
  background-color: black;
  font-weight: bold;
  letter-spacing: 2px;
  position: fixed;
  width: 100%;
  opacity: 0.75;
  transition: opacity .75s;
}

.topnav:hover {
  opacity: 1;
  transition: opacity .75s;

}

/* Style the topnav links */
.topnav a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
  <-- background-color: #39b54a; -->
	background-color: #9AA59E;

  color: white;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  min-height: 100%;
  
  
}

/* Create single fullwidth column */
.fullwidth {
  float: left;
  width: 100%;
  min-height: 100%; 
	/*top right bottom left*/
  padding: 100px 50px 75px 50px;

  
  
}


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Style Next Sale column */
#nextsale {
	background-color: #39b54a;
}

/* Style the image */
#nextsale img {
	width: 100%;
	/*height: 50%;*/
	overflow: visible;
}

/* Style shopwithus column */
#shopwithus {
	background-color: white;
	text-align: center;
}

/* Style the image */
#shopwithus img {
	width: 50%;
	/*height: 50%;*/
	overflow: visible;
}

/* Style the countdown */
#demo {
  text-align: center;
  font-size:3vw;
  color: black;
  font-weight: bold;
  margin: 0;
  margin-bottom:7px;
}

/* Style next event header */

#nextsale h2 {
	text-align: center;
	font-size: 3vw;
	margin-top: 7px;
	margin-bottom: 0px;
	color: white;
}

/* Style shop with us header */

#shopwithus h2 {
	text-align: center;
	font-size: 3vw;
	margin-top: 7px;
	margin-bottom: 0px;
	color: purple;
}


.white {
	color: white;
}

/* Style the date and location table */

table {
	color: white;
	text-align: left;
	font-weight: 700;
	font-size: 1.75vw;
	margin: auto;
	margin-bottom: 30px;
}

table a {

	color: black;
}
	
td.first {
	padding-right: 40px;
}
	
td.second {
	color: black;
}


/* Style General Info column */
#geninfo {
	background-color: #ffffff;
	font-size: 1.75vw;
	font-weight: 600;
}

#geninfo p {
	/*margin-left: 15px;*/
	padding-left: 30px;
	padding-right: 30px;
	
}

.green {
	color: #39b54a;
	text-decoration: none;
}

/* Logo */

#geninfo img {
	display: block;
	margin: auto;
	width: 150px;
	margin-top: 63px;
	margin-bottom: 15px;
}

/* Green bullets */

ul {
	list-style: none;
}

ul li::before {
	  content: "\2022"; /* Bullet */
	  color: #39b54a; /* Change the color */
	  display: inline-block; /* Needed to add space between the bullet and the text */
	  width: 1.25em; /* Also needed for space (tweak if needed) */
	  margin-left: 0em; /* Also needed for space (tweak if needed) */
	}
	
/* Style Learn More button */

#cta {
	margin: auto;
	text-align: center;
	}
	
a.button {
	padding: 15px;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 3vw;
	font-weight: 600;
	background-color: #39b54a;
	letter-spacing: 1.5px;
	margin: 20px;
	display: inline-block;
	}
	
	
a.button:hover {
	background-color: #113516;
	}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width:600px) {
  
  .column {
    width: 100%;
	height: auto;
	padding-bottom:0px;
	overflow: visible;
  }

  
  #demo {
  font-size:11vw;
}

	table {
	font-size: 5vw;
}

	td.first {
	padding-right: 5px;
}

	#nextsale h2 {
		font-size: 6vw;
	}
	
	#geninfo {
	font-size: 6vw;
	}
	
	a.button {
		font-size: 6vw;
	}
}