@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@1,600&display=swap');

.white { color: #fff;}
.pink1 { color: #f194be;}
.pink2 { color: #d61778;}
.pink3 { color: #710137;}
.purple { color: #782951;}
.gray1 { color: #ececec;}
.gray2 { color: #6f7073;}
.light { font-weight: 300;}
.med { font-weight: 500;}
.bold { font-weight: 700;}

.h2 {
	font-family: 'Montserrat', sans-serif;
	color: #f194be;
	font-weight:200;
	font-size: 25pt;
	letter-spacing: 5pt;
	text-transform: uppercase;	
}

.h3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 14pt;
	line-height: 24pt;
	letter-spacing: 4pt;
	text-transform: uppercase;
}

.h4 {
	font-family: 'Montserrat', sans-serif;
	font-size: 12pt;
	line-height: 20pt;
	letter-spacing:3pt;
	text-transform: uppercase;
}

.h5 {
	font-family: 'Montserrat', sans-serif;
	font-size: 10pt;
	line-height: 20pt;
	letter-spacing:1pt;
	text-transform: uppercase;
}


.text {
	font-family: 'Montserrat', sans-serif;
	font-size: 13pt;
	line-height: 18pt;
}

.foot {
	font-family: 'Montserrat', sans-serif;
	font-size: 10pt;
	line-height: 18pt;
	font-weight:200;
		
}

.number {
	font-family: 'Crimson Text', serif;
	color: #f194be;
	font-size: 40pt;
	line-height:30pt;
	font-style:italic;
}

.active {color:#d61778; padding-left:40px; }

.fab, .fas {
	color: #f194be;
	vertical-align: baseline;
	margin-top:2%;
}

.fab:hover, .fas:hover {
	color: #d61778;
}


/* HOVER IMG */
.hover figure {
	background: #de5195;
}
.hover figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover figure:hover img {
	opacity: .5;
}