@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

/*@font-face {
  font-family: "BrandonGrotesque";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/BrandonGrotesque-Regular.otf");
}
@font-face {
  font-family: "BrandonGrotesque";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/BrandonGrotesque-Bold.otf");
}
@font-face {
  font-family: "BrandonGrotesque";
  font-style: italic;
  font-weight: 700;
  src: url("/fonts/BrandonGrotesque-BoldItalic.otf");
}
@font-face {
  font-family: "BrandonGrotesque";
  font-style: italic;
  font-weight: 400;
  src: url("/fonts/BrandonGrotesque-RegularItalic.otf");
} */
@font-face {
  font-family: "Museo";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/museo.woff2");
}
@font-face {
  font-family: "Museo Fallback";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/museo.woff");
}
@font-face {
  font-family: "Museo";
  font-style: italic;
  font-weight: 500;
  src: url("/fonts/MuseoSlab-500Italic.otf");
}



:root {
	--font-color-primary: #54565b;
	--font-color-footer: var(--font-color-inverted);
	--font-family-primary: 'Open Sans', sans-serif;
	--font-family-header: "Museo", "Museo Fallback", serif;
	--line-height: 1.8;
	--selection-color: #FFF7B6;
    --font-color-selection: #000;
	--background-secondary: #fab2b2;
	--background-color-master-header-top: var(--background-secondary);
	--background-color-dropdown-menu: #fff;
	--background-color-footer: #54565b;
	--font-color-dropdown-menu: inherit;
	--header-border-bottom: solid 1px #f4f5f5;
	--header-height: 132px;
}

#logo {
	width: 6.25em;
}
.grid-section .container {
	padding: 0;
}
.grid-section .container .col-md-12 {
	padding: 0;
}
.testimonial-text {
	background: transparent;
	padding: 4em 8em;
	gap: 0;
}
.testimonial-text .btn-default {
	border:  transparent;
	margin-left: -1em;
}
footer .row > * {flex: 1 1 0px;}

.heading {
    border-bottom: 1px solid;
    margin-bottom: .5em;
}

footer {
    padding-top: 4em;
}
.testimonial {
	max-width: 48em;
	margin: auto;
	display: block;
}
.testimonial cite {
	font-size: 1em;
	font-weight: 700;
	display: block;
	margin-top: 1em;
}
.carousel-control > * {
    background-color: var(--background-secondary);
	color: #f9d5d5;
    top: 50%;
    transform: translateY(-50%);
    width: initial;
    bottom: initial;
}

.smiley {
	width: 5em;
}

@media (max-width: 840px) {
	header .container-fluid {
		padding-left: .25em;
		padding-right: 1em;
	}
	.testimonial-text {
		padding: 4em;
	}
}