@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&family=Marck+Script&display=swap');
.logofont { font-family: "Marck Script", cursive; font-size: 120% }

/* .heading { font-family: 'Playfair Display', serif; } */ 
/*
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Playfair Display', serif !important; }
*/

.background-effect .circles li:nth-child(1) { width:38px; height:38px; filter:  blur(0px); opacity: 0.3 !important; }
.background-effect .circles li:nth-child(2) { width:40px; height:40px; filter:  blur(1px); opacity: 0.1 !important; }
.background-effect .circles li:nth-child(3) { width:31px; height:31px; filter:  blur(0px); opacity: 0.2 !important; }
.background-effect .circles li:nth-child(4) { width:33px; height:33px; filter:  blur(1px); opacity: 0.4 !important; }
.background-effect .circles li:nth-child(5) { width:42px; height:42px; filter:  blur(3px); opacity: 0.5 !important; }
.background-effect .circles li:nth-child(6) { width:36px; height:36px; filter:  blur(0px); opacity: 0.3 !important; }
.background-effect .circles li:nth-child(7) { width:37px; height:37px; filter:  blur(0px); opacity: 0.3 !important; }
.background-effect .circles li:nth-child(8) { width:33px; height:33px; filter:  blur(2px); opacity: 0.2 !important; }
.background-effect .circles li:nth-child(9) { width:30px; height:30px; filter:  blur(0px); opacity: 0.3 !important; }
.background-effect .circles li:nth-child(10) { width:32px; height:32px; filter:  blur(1px); opacity: 0.3 !important; }


.underlined { text-decoration:  underline !important; }

.clip-text-responsive {
	font-size: 6vw !important;
}
.mounting_row {
	margin-top: -150px;
	z-index: 1;
}

@media (max-width: 768px) {
	.clip-text-responsive {
		font-size: 12vw !important;
	}
	.mounting_row {
		margin-top: inherit;
	}
}

@media (min-width: 768px) {
	.square-card {
	  position: relative;
	  width: 100%;
	  padding-bottom: 100%;
	}

	.square-card .card-body {
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  margin: 90px;
	}
}

@media (max-width: 768px) {
	.square-card {
	  width: 100%;
	}

	.square-card .card-body {	  
	  margin: 50px;
	}
}