body {
	background-image: url('/images/texture.jpg');
	background-size: cover;
}

.header {
	background-image: url('/images/top.png');
	background-size: initial;
	background-position: center;
	height: 300px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}


.footer{
    background-image: url('/images/bottom.png');
    background-size: initial;
    background-position: center;
    height: 300px;
	background-repeat: no-repeat;
    width: 100%;
    position: absolute;
    bottom: 0px;
}

.general-header-box {
	height: 130px;
}

.title-box {
	font-size: 5.5rem;
	text-align: center;
	padding: 25px 0px 0px 0px;
    color: #676967;
}

.countdown-title {
	text-align: center;
	font-size: 2.7rem;
	color: #6b8e62;
	font-weight: bold;
}

.date-box {
	font-size: 3rem;
	margin-top: -28px;
}

.countdown-box{
	text-align: center;
	font-size: 1.5rem;
	color: #6b8e62;
}

.countdown-box div {
	display: inline-block;
}

.countdown-box div span{
	font-size:2.7rem
}

.linear-wipe {
	text-align: center;
	background: linear-gradient(to right, #70894d, #405537, #70894d );
	background-size: 200% auto;
	color: #000;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: shine 10s linear infinite;
			animation: shine 10s linear infinite;
  }
  @-webkit-keyframes shine {
	to {
	  background-position: 200% center;
	}
  }
  @keyframes shine {
	to {
	  background-position: 200% center;
	}
  }

.font-great-vibes{
    font-family: 'Great Vibes', cursive;
}
.font-parisienne{
	font-family: 'Parisienne', cursive;
}

/*---------------------------------------------------------------*/
.accept-button {
	background-image: url('/images/button.png');
	background-repeat: no-repeat;
	background-position: left;
	background-size: cover;
	display: inline-block;
	font-size: 2em;
	padding: 10px 15px 10px 42px;
	-webkit-appearance: none;
	appearance: none;
	/* background-color: #70894d; */
	color: #5e7454;
	border-radius: 4px;
	border: none;
	cursor: pointer;
	position: relative;
	transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
	box-shadow: 0 2px 25px rgb(67, 90, 59);
}
.accept-button-animation{
	-webkit-animation: animate_accept_button 1.5s ease-in-out infinite both;
	animation: animate_accept_button 1.5s ease-in-out infinite both;
}
.accept-button:focus {
  outline: 0;
}
.accept-button:active {
  transform: scale(0.9);
  background-color: #405537;
  box-shadow: 0 2px 25px rgba(12, 73, 4, 0.2);
}
 @-webkit-keyframes animate_accept_button {
	from {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  -webkit-transform-origin: center center;
			  transform-origin: center center;
	  -webkit-animation-timing-function: ease-out;
			  animation-timing-function: ease-out;
	}
	10% {
	  -webkit-transform: scale(0.94);
			  transform: scale(0.94);
	  -webkit-animation-timing-function: ease-in;
			  animation-timing-function: ease-in;
	}
	17% {
	  -webkit-transform: scale(0.98);
			  transform: scale(0.98);
	  -webkit-animation-timing-function: ease-out;
			  animation-timing-function: ease-out;
	}
	33% {
	  -webkit-transform: scale(0.91);
			  transform: scale(0.91);
	  -webkit-animation-timing-function: ease-in;
			  animation-timing-function: ease-in;
	}
	45% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  -webkit-animation-timing-function: ease-out;
			  animation-timing-function: ease-out;
	}
  }
  @keyframes animate_accept_button {
	from {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  -webkit-transform-origin: center center;
			  transform-origin: center center;
	  -webkit-animation-timing-function: ease-out;
			  animation-timing-function: ease-out;
	}
	10% {
	  -webkit-transform: scale(0.94);
			  transform: scale(0.94);
	  -webkit-animation-timing-function: ease-in;
			  animation-timing-function: ease-in;
	}
	17% {
	  -webkit-transform: scale(0.98);
			  transform: scale(0.98);
	  -webkit-animation-timing-function: ease-out;
			  animation-timing-function: ease-out;
	}
	33% {
	  -webkit-transform: scale(0.91);
			  transform: scale(0.91);
	  -webkit-animation-timing-function: ease-in;
			  animation-timing-function: ease-in;
	}
	45% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  -webkit-animation-timing-function: ease-out;
			  animation-timing-function: ease-out;
	}
  }
  
/*---------------------------------------------------------------*/
@media only screen and (max-height: 1080px) {
	body{
		background-size:auto;
	}
	.countdown-title {
		font-size: 2.5rem
	}
	.countdown-box{
		font-size: 2rem
	}
	.countdown-box div span{
		font-size: 2rem
	}
	.title-box{
		padding: 25px 0px 0px 0px;
		font-size: 4rem;
	}
	.date-box{
		font-size: 2rem;
		margin-top:0px;
	}
	.accept-button{
		padding: 6px 10px 5px 30px;
		font-size: 1.5rem;
		box-shadow: 0 2px 10px rgb(67, 90, 59)
	}
	.general-box{
		margin-top:-50px;
	}
	.header, .footer{
		background-size: cover;
	}
}
@media only screen and (max-width: 770px) {
	body{
		background-size:auto;
	}
	.countdown-title {
		font-size: 1.5rem
	}
	.countdown-box{
		font-size: 1rem
	}
	.countdown-box div span{
		font-size: 1.5rem
	}
	.title-box{
		padding: 0px;
		font-size: 3rem;
	}
	.date-box{
		font-size: 2rem;
		margin-top:0px;
	}
	.accept-button{
		padding: 6px 10px 5px 30px;
		font-size: 1.5rem;
		box-shadow: 0 2px 10px rgb(67, 90, 59)
	}
	.general-box{
		margin-top:-50px;
	}
	.header, .footer{
		background-size: cover;
	}
}
/*---------------------------------------------------------------*/