.wine-list {
	width: 100%;
	padding: 5%; 
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.wines-list input {
	color: black !important;
}
.wine-type {
	color: #262425;
	font-size: 1.2vw;
}
.wine-type-row {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
}
.wine-content {
	display: flex;
	flex-direction: row;
	max-width: 30%;
	transition: all 1s ease-in-out;
}
.wine-content:hover {
	max-width: 33%;
}
.list-title {
	z-index: 2;
	display: flex;
	flex-direction: column;
	font-size: 0.8vw;
}
.wine-title {
	color: #AF843F;
	margin-top: 25%;
	margin-left: -25%;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;
}
.wine-img {
	height: 30vw;
	cursor: pointer;
	transition: all 0.4s ease-in-out;
}
.wine-content:hover .wine-title {
	margin-top: 15%;
	margin-left: -15%;
	font-size: 1vw;
}
.wine-content:hover .wine-img {
	height: 32vw;
}
.list-buttons {
	margin-top: 10%;
	margin-left: -15%;
	z-index: 2;
	visibility: hidden;
}
.wine-button {
	height: 2vw;
	width: 7.5vw;
	border: none;
	color: white;
	white-space: nowrap;	
}
.wine-button.see {	
	background-color: black;
}
.wine-button.buy {		
	background-color: #AF843F;
	margin-top: 0.5vw;
}
.wine-button:hover {
    text-decoration: none;
}
.wine-button:focus {
    text-decoration: none;
}
.buy-list-img {
	margin-left: 5%;
	max-height: 1.2vw;
}

@media(max-width: 610px) {
	.wine-type {
		font-size: 4vw;
	}
	.wine-type-row {
		flex-direction: column;
	}
	.wine-content, .wine-content:hover {
		max-width: 100%;
	}
	.list-title {
		font-size: 3vw;
	}
	.wine-title {
		margin-left: 0;
	}
	.wine-img {
		height: 60vw;
	}
	.wine-content:hover .wine-title {
		margin-left: 15%;
		font-size: 3.5vw;
	}
	.wine-content:hover .wine-img {
		height: 64vw;
	}
	.list-buttons {
		margin-left: 15%;
	}
	.wine-button {
		height: 10vw;
		width: max-content;	
	}
	.buy-list-img {
		max-height: 6vw;
	}
}

/*

WINE 

*/

.wine-show-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding-top: 6%;
	padding-bottom: 6%;
}
.wine-show-title {
	color: #AF843F !important;
	font-size: 2.5vw;
}
.wine-show-title:after {
    content: " ";
    display: block;
    min-height: 10px;
    border-bottom: 1px solid lightgrey;
    width:125%;
}
.wine-show-bottle {
	max-height: 50vw;
}
.wine-show-details {
	font-size: 0.9vw;
	font-weight: 600 !important;
	font-family: Futura !important;
	color: #262425 !important;
	line-height: normal;
}
.wine-show-button {
	width: 80%;
	margin-top: 10%;
	padding: 5%;
	color: white;
	background-color: #262425 !important;
	font-size: 1vw;
	border: none;
}
.buy-button {
	width: 80%;
	margin-top: 10%;
	padding: 3%;
	color: white;
	font-size: 1vw;
	background-color: #AF843F !important;
	border: none;
}
.buy-img {
	margin-left: 5%;
	max-height: 2.5vw;
}

@media(max-width: 610px) {
	.wine-show-container {
		margin-left: 5%;
		margin-right: 5%;
	}
	.wine-show-title {
		font-size: 5vw;
	}
	.wine-show-bottle {
		max-height: 80vw;
	}
	.wine-show-details {
		font-size: 3vw;
	}
	.wine-show-button {
		width: 100%;
		font-size: 3vw;
	}
	.buy-button {
		width: 100%;
		font-size: 3vw;
	}
	.buy-img {
		margin-left: 5%;
		max-height: 4vw;
	}
}
/*

OLIVE OIL 

*/

.olive-oil-show-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding-top: 6%;
	padding-bottom: 6%;
	background-color: #AF843F;
}
.olive-oil-show-title {
	font-size: 2.5vw;
	color: white !important;
}
.olive-oil-show-title:after {
    content: " ";
    display:block;
    min-height: 10px;
    border-bottom: 1px solid #262425;
    width:125%;
}
.olive-oil-show-bottle {
	max-height: 50vw;
}
.olive-oil-details-title {
	font-size: 1.7vw;
	font-family: Trajan-Bold !important;
	color: white !important;
}
.olive-oil-show-details {
	font-size: 0.9vw;
	font-weight: 600 !important;
	font-family: Futura !important;
	color: #262425 !important;
	line-height: normal;
}
.olive-oil-show-button {
	width: 80%;
	margin-top: 10%;
	padding: 5%;
	color: white;
	background-color: #262425 !important;
	border: none;
	font-size: 1vw;
}
.buy-olive-button {
	width: 80%;
	margin-top: 10%;
	padding: 3%;
	font-size: 1vw;
	color: white;
	background-color: grey !important;
	border: none;
}
@media(max-width: 610px) {
	.olive-oil-show-container {
		padding-left: 5%;
		padding-right: 5%;
	}
	.olive-oil-show-title {
		font-size: 5vw;
		white-space: nowrap;
	}
	.olive-oil-show-bottle {
		max-height: 80vw;
	}
	.olive-oil-details-title {
		font-size: 4vw;
	}
	.olive-oil-show-details {
		font-size: 3vw;
	}
	.olive-oil-show-button {
		width: 100%;
		font-size: 3vw;
	}
	.buy-olive-button {
		width: 100%;
		font-size: 3vw;
	}
}