html, body {
	min-height: 100%;
	min-width: 100%;
}
body {
	background-color: #050505;
	background-image: url("../images/bg_texture.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-align: center;
	font-family: 'Figtree', sans-serif;
	
	
	background-image: url("../images/leaf_02.jpg");
	background-repeat: repeat;
	background-size: auto;
}

.logo {
	margin-bottom: 30px;
    mix-blend-mode: difference;
}
.photo {
	
}
.wrapper {
	width: 1400px;
	margin: 35px auto 40px;
	padding: 0 20px;
	display: flex;
    align-items: center;
	max-width: 100%;
}
@media (min-width: 1001px) {
	.wrapper .left-column,
	.wrapper .right-column {
		flex: 29 0 0;
	}
	.wrapper .middle-column {
		flex: 45 0 0;
		padding: 0 30px;
	}
}
.img-wrap {
	animation-name: fadein;
	animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-delay: 0.15s;
	animation-timing-function: ease;
	opacity: 0;
}
.image-slider {
	width: 480px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.image-slider .slick-list {
	-webkit-mask-image: url(../images/image_mask_02.png);
	mask-image: url(../images/image_mask_02.png);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}
.photo {
	width: 480px;
	height: auto;
}
.logo {
	width: 277px;
	animation-name: blurin;
	animation-duration: 1.0s;
    animation-fill-mode: forwards;
    animation-delay: 0s;
	animation-timing-function: ease;
}
ul.slick-dots {
	display: flex;
	margin-top: 14px;
	height: 16px;
}
ul.slick-dots li {
	flex: 1;
	display: block;
    margin: 0 6px;
}
ul.slick-dots li.slick-active button {
	height: 16px;
}
ul.slick-dots li button {
    width: 100%;
    border: 0;
    height: 6px;
    font-size: 0;
    /* background: #aab403; */
    background: #e34487;
	transition: height 0.15s ease;
	
	background: #cdc5b4;
}

@media (min-width: 1251px) {
	.links a.small-text {
		font-size: 30px;
	}
}
.links a.amazon {
	width: 300px;
}
.links a {
    font-size: 40px;
    /* color: #aab403; */
    color: #e34487;
    text-transform: uppercase;
    display: inline-block;
    padding: 14px 18px;
    /* rotate: -3.6deg; */
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 4px;
    border: 6px solid #b0a8a8;
    border-radius: 3px;
    line-height: 1em;
    mix-blend-mode: difference;
	transition: all 0.1s ease;
	
	background: #ebe6dd;
	color: #486432;
}
.links a:hover {
    background: #01503b;
    color: white;
    border-color: #404040;
	
    color: #ebe6dd;
    background: #26421;
    border-color: #858a97;
}
.links a + a {
	margin-top: 35px;
}
.links hr {
	border: none;
	margin: 35px 0;
}

@keyframes blurin {
    0% { 	
		opacity: 1;
		filter: blur(10px);
		transform: scale(1.08);
	}
	50% {
		opacity: 1;
	}
    100% {
		opacity: 1;
		filter: blur(0px);
		transform: scale(1);
	}
}
@keyframes fadein {
    0% { 	
		opacity: 0;
		filter: blur(10px);
		transform: scale(1.08);
	}
    100% {
		opacity: 1;
		filter: blur(0px);
		transform: scale(1);
	}
}

/*.img-wrap img:last-child {
	display: none;
}
.img-wrap:hover img:first-child {
	display: none;
}
.img-wrap:hover img:last-child {
	display: inline;
}*/


@media (max-width: 1250px) {
	.links a {
		font-size: min(26px, 1.6vw);
	}
	.links a + a {
		margin-top: 28px;
	}
	.links a.amazon {
		width: 220px;n
	}
}
@media (max-width: 1000px) {
	.wrapper {
		flex-wrap: wrap;
	}
	.wrapper .left-column,
	.wrapper .right-column {
		order: 2;
		margin-bottom: 0;
	}
	.wrapper .middle-column {
		order: 1;
		max-width: 100%;
	}
	.wrapper > div {
		flex: 0 0 100%;
		margin-bottom: 20px;
	}
	.links a {
		vertical-align: middle;
		margin-top: 0 !important;
		margin-bottom: 8px;
	}
	.links a + a {
		margin-left: 20px;
	}
	.links hr {
		margin: 6px 0;
	}
}
@media (max-width: 700px) {
	.links a {
		font-size: 17px;
		padding: 10px 5px;
		letter-spacing: 2px;
		border: 3px solid #b0a8a8;
	}
	.links a.amazon {
		width: 120px;
	}
	.links a + a {
		margin-left: 8px;
	}
	.wrapper .middle-column {
		margin-bottom: 30px;
	}
}