body {
	font-family: "Syne", sans-serif;
	font-optical-sizing: auto;
	background: #fff;
}

.page-title {
	background: #f5f4ed;
}

h1, .h1 {
	font-weight: 700;
	//font-family: "Cormorant Infant", serif;
	text-transform: uppercase;
}

.slogan {
	font-weight: 700;
	text-transform: uppercase;
	color: #000;
	text-align: center;
}

@media screen and (min-width:1280px) {
.slogan { font-size: 7rem; margin-top: -30px; margin-left: -50px;}
.h1 { font-size: 5rem; }
}
@media screen and (min-width:768px) {
.slogan { font-size:5.5rem; margin-top: -30px; margin-left: -50px;}
.h1 { font-size: 5rem; }
}
@media screen and (max-width:768px) {
.slogan { font-size: 2.1rem; margin-top: -10px; }
h1 { font-size: 2.6rem; }

}

h2, .h2 {
	font-weight: 700;
	//font-family: "Cormorant Infant", serif;
	//text-transform: uppercase;
}

.display-1 {
	font-size: 7.5rem;
	font-weight: 700;
	//font-family: "Cormorant Infant", serif;
	text-transform: uppercase;
}

.font-serif {
	font-family: "Cormorant Infant", serif;	
}

.product-img {
	transition: all 0.3s; 
}

.product-img:hover {
	transform: scale(1.3);
}

.passepartout {
	background: #f5f5f5
}

.bg-cover, #banner {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.home-tile  {
	transition: all 0.3s; 
}


.home-tile:hover {
	//transform: scale(1.1);
}
.home-tile .card-img{
	opacity: 0.75;
}

.home-tile:hover .card-img{
	opacity: 1;
}