/*raw elements */
	*, *::before, *::after {box-sizing: border-box;}
	html {overflow-x: hidden;}
	body {max-width: 100%;}
	body {margin: 0; padding: 0; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 200; justify-content: center; align-items: center;}
	h1 {font-size: 2.5vw; text-align: center; line-height: 0.8em; color: #227C9D; font-family: 'Bricolage Grotesque'; margin: 0;}
	h2 {font-family: 'Bricolage Grotesque'; margin: 0;}
	h3 {font-family: 'Bricolage Grotesque'; margin: 0;  color: #dde8ee;}
	a[href^="mailto:"] {color: inherit; }
	a[href^="tel:"]    {color: inherit; }
	a:link {color: inherit;}
	a:hover {color: inherit; background-color: #A5B9C1;}
	a:visited{color:inherit;}
	
	
	/*element IDs */
	#team-photo {border-radius: 50%; width: 25%; max-width: 280px; height: auto; filter: drop-shadow(5px 5px 5px #000000);}
	#team-photo:hover {border-radius: 50%; width: 25%; max-width: 280px; height: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%) drop-shadow(5px 5px 5px #000000);}
	.spacer-block {color: white;}
	#body-div2 {color: #205266;}
	#chin-photo {display: block; max-width: 750px; width: 100vw;}
	.photo-panel {display: block;}
	#chin-photo3 {display: block; max-width: 1250px; width: 100vw;}
	#chin-photo4 {display: block; width: 100vw; max-width: 1250px;}
	#chin-photo5 {display: block; max-width: 750px; width: 100vw;}
	#element iframe {width: 50vw; height: 37vw;}
	.map-frame {width: 100%; height:25vw; display:block; border: 0;}
	.panel-map {flex: 1; text-align: center; padding: 0px; min-width: 0;}
	.text-script {font-family: 'Pacifico' !important; font-size: 2.5vw;}
	#logo-header {width: 750px;}
	#home-office {width: 98vw; max-width: 750px; z-index: -5;}
	.badge-coming-soon {color: #205266;}
	#eye {width: 100%; display: block;}
	#thank_you_coffee {width: 75vw;}
	#thank_you {font-size: 4.5vw; font-family: 'Pacifico'; color: #227C9D;}
	
	

	.white-text {color: white;}

	/*element classes */
	.link-emphasis {color: inherit;}
	.link-emphasis:visited {color: inherit;}
	.about_text {padding-right: 4vw; padding-left: 4vw;}
	.blog_container {display: grid; }
	.blog_h1 {font-family: 'Pacifico', 'Bricolage Grotesque';}
	.blog_inner1 {flex: 1; color: white; border: 1px; border-color: black;}
	.blog_inner2 {flex: 2; color: red; border: 1px; border-color: black;}
	.blog_list_photo {display: block;}
	.blog_text {padding-right: 4vw; padding-left: 4vw; text-align: left; font-family: 'Bricolage Grotesque'; font-weight:200;}
	.blog_text h2 {text-align: center;}
	.body-content {color: #205266; line-height: 1.5em;}
	.body-content1 {color: #000000; font-family: 'Bricolage Grotesque'; font-weight: 200; vertical-align: middle; font-size: 1.4vw; text-align: center; margin: auto;}
	.body-content2 {color: #dde8ee; line-height: 1.5em;}
	.text-location {color: #dde8ee; line-height: 1.5em;}
	.brand-logo-footer {width: 100%; max-width: 600px; height: auto;}
	.list-conditions {margin: 0px;}
	.layout-row  {display: flex; justify-content: center; align-items: center; width: 100%; padding: 0px; flex-direction: row;}
	.layout-row-reverse {display: flex; justify-content: center; align-items: center; width: 100%; padding: 0px; flex-direction: row;}
	.layout-row-solid {display: flex; justify-content: center; align-items: center; width: 100%; padding: 0px; flex-direction: row; background-color: #205266; color: #000000;}
	.layout-row-dark {display: flex; justify-content: center; align-items: center; width: 100%; background-color: #205266; flex-direction: row;}
	.layout-grid-dark {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0px; justify-content: center; align-items: center; width: 100%; background-color: #205266; flex-direction: row;}
	.layout-grid-dark-alt {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0px; justify-content: center; align-items: center; width: 100%; background-color: #205266; flex-direction: row;}
	.layout-row-dark-reverse {display: flex; justify-content: center; align-items: center; width: 100%; background-color: #205266; flex-direction: row;}
	.layout-footer {display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background-color: #FFFFFF;}
	.layout-footer-links {display: grid; grid-template-columns: 1fr 1fr 1fr; width: 100vw; background-color: #255e74;}
	.panel-footer-group {text-align: center; color: white; aspect-ratio: calc(3/1); align-content: center; background-image: linear-gradient(to bottom, #1f4e61 0%, #1f4e61 10%, #1f4e61 90%, #1f4e61 100%);}
	.panel-footer-link {color: white; font-size: 1rem;}
	.panel-footer-copyright {color: #205266;}
	h3.panel-footer-heading {text-align: center; color: white; align-content: center; font-size: 2vw;}
	.panel-enquiry-form {display: flex; flex-direction: column; align-items: center; width: 50%; margin: 0 auto; padding: 50px; background-color: #205266; color: #dde8ee; font-family: 'Bricolage Grotesque'; font-weight: 200; font-size: 1.3vw;}
	.panel-enquiry-form h2 {font-family: 'Bricolage Grotesque'; color: #dde8ee; margin-bottom: 15px;}
	.panel-enquiry-form form {width: 100%;}
	.layout-link-grid {display: flex; flex-wrap: wrap; width: 100%; text-align: center; background-color: white;}
	.layout-link-grid a:link, .layout-link-grid a:visited, .layout-link-grid a:hover {color: white; text-decoration: none;}
	.panel-link-tile {width: calc(100% / 3); aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; font-size: 2vw; color: white; position: relative; text-shadow: 2px 2px 5px #000000; cursor: pointer;}
	.panel-link-tile:nth-child(1) {background: #205266; background-image: url("https://emdr-brisbane.com.au/resources/emdr_finger_1.jpg"); background-size: cover;}
	.panel-link-tile:nth-child(2) {background: #2f6f82; background-image: url("https://emdr-brisbane.com.au/resources/male_soldier_hands_together.jpg"); background-size: cover;}
	.panel-link-tile:nth-child(3) {background: #3f8fa3; background-image: url("https://emdr-brisbane.com.au/resources/desk_quill.jpg"); background-size: cover;}
	.panel-link-tile:nth-child(4) {background: #4fa8bd; background-image: url("https://emdr-brisbane.com.au/resources/stressed_man.jpg"); background-size: cover;}
	.panel-link-tile:nth-child(5) {background: #6fc3d5; background-image: url("https://emdr-brisbane.com.au/resources/eye-5248678_1280.jpg"); background-size: cover;}
	.panel-link-tile:nth-child(6) {background: #8fdbe5; background-image: url("https://emdr-brisbane.com.au/resources/mother-daughter-field-playing-with-horse (1).jpg"); background-size: cover;}
	.panel-link-tile:hover {opacity: 0.5; transition: opacity 0.5s ease-out;}
	#floating-contact-button {position: fixed; z-index: 15; bottom: 50px; left: 50px; border-style: solid; border-color: #FFFFFF; height: 75px; width: 150px; align-items: center; justify-content: center; text-align: center; display: flex; border-radius: 15px; background-color: #E76F8A; color: #FFFFFF; box-shadow: 0px 10px 8px #191a19; cursor: pointer; font-size: 16px;}
	#floating-contact-link, #floating-contact-link:visited, #floating-contact-link:link {color: #FFFFFF; text-decoration: none;}
	.panel {flex: 1; padding: 0px; font-size: 1.3vw; font-family: 'Bricolage Grotesque'; font-weight: 200; margin: 0px; text-align: center; min-width: 0;}
	.panel ul {text-align: left;}
	.panel:first-child {margin-right: 0px;}
	.panel h2 {color: #227C9D;}
	.panel-dark {display: flex; flex: 1; padding: 0px; font-size: 1.3vw; background-color: #205266; color: #dde8ee; font-family: 'Bricolage Grotesque'; font-weight: 200;}
	#section-contact .panel-dark {position: relative; overflow: hidden;}
	#section-contact .panel-dark::before {content: ""; position: absolute; inset: 0; background-image: url("resources/hands_outreach.jpg"); background-size: cover; background-position: center; opacity: 0.08; z-index: 0; pointer-events: none;}
	#section-contact .panel-dark .panel-inner {position: relative; z-index: 1;}
	.panel-dark h1 {color: #dde8ee; font-family: 'Bricolage Grotesque';}
	.panel-dark h2 {font-family: 'Bricolage Grotesque';}
	.element_dark2 {height: 100%; padding: 20px; font-size: 1.3vw; background-color: #205266; color: #dde8ee; font-family: 'Bricolage Grotesque'; font-weight: 200;}	
	.element_dark2 h1 {color: #dde8ee; font-family: 'Bricolage Grotesque';}
	.panel-dark-solid {flex: 1; padding: 0px; font-size: 1.3vw; background-color: #1f4e61; color: #dde8ee; font-family: 'Bricolage Grotesque'; font-weight: 200; text-align: center;}
	.panel-dark-solid h1 {color: #dde8ee; font-family: 'Bricolage Grotesque';}
	.panel-dark-solid h2 {font-family: 'Bricolage Grotesque';}
	.spacer_dark {color: #205266;}
	.center-box {justify-content: center;}
	.element_fees {flex: 1; padding: 0px; font-size: 1.3vw; font-family: 'Bricolage Grotesque'; width: 50%;}
	.panel-inner {padding: 10px; text-align: center; font-weight: 200; width: 100%;}
	.panel-inner ul {text-align: left;}
	.panel-inner-tight {padding: 10px;}
	.element_inner3 {padding: 10px; text-align: center; width:100%;}
	.element_inner_about {flex: 2; padding: 0px; text-align: center;}
	.element_inner_blog {flex: 2; padding: 0px; text-align: center;}
	.element_light {flex: 1; padding: 0px; font-size: 1.3vw; background-color: #205266; color: #dde8ee; font-family: 'Bricolage Grotesque'; font-weight: 200;}
	.element_light h1 {color: #366375; font-family: 'Bricolage Grotesque';}
	.panel-spacer {flex: 0.5; color: #205266;}
	.element_outer {flex: 0.1; padding: 0px; font-size: 1.3vw; font-family: 'Bricolage Grotesque'; font-weight: 200;}
	.link-script {font-family: 'Pacifico';}
	.panel-image {flex: 1; text-align: center; padding: 0px;}
	.panel-image img {width: 100%; height: auto; display: block;}
	.panel-image:first-child {margin-right: 0px;}
	.image-box-centre {flex: 1; text-align: center; padding: 0px;}
	.image-box-centre img {width: 35%; height: 100%;}
	#brand-logo-panel {text-align: right; background-color: white;}
	#brand-logo-panel img {max-width: 100%; height: auto;}
	.input-group {margin-bottom: 15px; text-align: left;}
	.input-group input[type="submit"] {background-color: #dde8ee; color: #205266; padding: 8px; border: none; cursor: pointer; font-size: 1.5vw;}
	.input-group input[type="submit"]:hover {background-color: #662052; color: #dde8ee;}
	.input-group label {display: block; margin-bottom: 5px;}
	.input-group textarea {resize: vertical; width: 100%; border-radius: 5px; font-family: 'Bricolage Grotesque';}
	.input-group input {width: 100%; height: 50px; border-radius: 5px; font-family: 'Bricolage Grotesque';}
	#panel-consent-group table {border-collapse: collapse; width: 100%;}
	#panel-consent-group td {vertical-align: center; padding: 0;}
	#panel-consent-group td:first-child {width: 1.6em; padding-top: 0.15em;}
	#panel-consent-group input[type="checkbox"] {width: 3em; height: 3em; cursor: pointer; accent-color: #0d7d7d;}
	.panel-consent-label {cursor: pointer; line-height: 1.4;}
	.inp_left {width: 100%;}
	.menu {background-color: #205266; color: #dde8ee; width: 100%; box-shadow: 0px 10px 8px #888888; z-index: 100; text-align: center;}
	.menu a {text-decoration: none; color: inherit; transition: font-size 0.3s, width 0.3s; font-family: 'Bricolage Grotesque'; font-weight: 400; z-index: 5;}
	.menu li {padding: 10px; font-family: 'Bricolage Grotesque';}
	.menu ul {list-style: none; padding: 0; display: flex; justify-content: space-around; align-items: center; margin: 0;}
	.menu2 {background-color: #205266; color: #dde8ee; width: 100%; box-shadow: 0px 10px 8px #888888; z-index: 100; text-align: center; display: none;}
	.menu2 a {text-decoration: none; color: inherit; transition: font-size 0.3s, width 0.3s; font-family: 'Bricolage Grotesque';}
	.menu2 li {padding: 10px; }
	.menu2 ul {list-style: none; padding: 0; display: flex; justify-content: space-around; align-items: center; margin: 0;}
	.site-nav {background-color: #205266; color: #dde8ee; width: 100%; box-shadow: 0px 10px 8px #191a19; z-index: 100; text-align: center; position: sticky; top: 0;}
	.site-nav a {text-decoration: none; color: inherit; transition: font-size 0.3s, width 0.3s; font-family: 'Bricolage Grotesque'; font-weight: 400; z-index: 5;}
	.site-nav li {padding: 10px; font-family: 'Bricolage Grotesque';}
	.site-nav ul {list-style: none; padding: 0; display: flex; justify-content: space-around; align-items: center; margin: 0;}
	.menu3-logo {flex: 3; text-align: left;}
	.site-nav-item {flex: 1;}
	#menu-logo3 {height: 45px; display: block;}
	.item1, .item2, .item3, .item4, .item5, .item6, .item7, .item8, .item9 {width:100%;}
	.p {line-height: 1em;}
	
	.phone {color: inherit;}
	.references {font-family: 'Bricolage Grotesque'; font-weight:200; font-style: italic;}
	.response {font-style: italic;}
	.soon {font-family: 'Pacifico'; font-size: 2.5vw;}
	.text-highlight {color: '#888888';}
    
    
    /*blog table elements*/
    .data_table {border: none; max-width: 1250px; width: 100vw; table-layout: fixed; background-color: #205266; color: #dde8ee; filter: drop-shadow(5px 5px 5px #000000);}
    .data_table:hover {border: none; max-width: 1250px; width: 100vw; table-layout: fixed; background-color: #266279; color: #dde8ee; filter: drop-shadow(5px 5px 5px #000000);}
    .data_table td {border: none;}
    .data_table_row1 {border: none; max-width: 1250px; width: 100vw; text-align: left;}
    .data_table_column1 {border: none; width: 30%; text-align: left;}
    .data_table_column2 {border: none; width: 65%; text-align: center; font-weight: 400; font-family: 'Bricolage Grotesque';}
    .data_table_column2 h2 {text-align: center;}
    .data_table_column2 a {border: none; width: 65%; text-align: left; font-weight: 400; font-family: 'Bricolage Grotesque'; text-decoration: none;}
    .blog_list_photo {width: 100%;}
    .blog_link:hover {-webkit-filter: grayscale(100%); filter: grayscale(100%) drop-shadow(5px 5px 5px #000000)}
    
    
    /*#data_table {width: 70vw;}*/
		
	@media (max-width: 900px) {
		.layout-row {flex-direction: column;}
		.layout-row-reverse {flex-direction: column-reverse;}
		.layout-row-solid {flex-direction: column; align-items: stretch;}
		.stack-reverse {flex-direction: column-reverse;}
		.layout-row-dark, .layout-grid-dark {flex-direction: column;}
		.layout-grid-dark {display: block;}
		.layout-row-dark-reverse {flex-direction: column-reverse;}
		.panel-enquiry-form {width: 92%; font-size: 3.2vw;}
		.layout-footer-links {grid-template-columns: 1fr;}
		.panel-footer-copyright {font-size: 0.8rem;}
		.element_dark2 h1 {display: inline-block; }
		h1 {font-size: 4.5vw; line-height: 0.8em;}
		h2 {font-size: 4vw;}
		.text-script {font-size: 4vw;}
		body {font-size: 3.2vw; font-weight: 200;}
		.spacer-block {color: white; display: none;}
		.panel {font-size: 3.0vw;}
		.panel-dark {font-size: 3.2vw; width: 100%; display: flex;}
		.element_dark2 {font-size: 3.2vw; width: 100vw; display: block;}
		.element_light {font-size: 3.2vw;}
		.panel-spacer {display: none;}
		.body-content1{font-size: 2.3vw;}
		.panel-inner-tight {padding: 0px;}
		.photo-panel {display: block;}
		#team-photo {width: 50%;}
		#team-photo:hover {width: 50%;}
		#logo-header {width: 75vw; text-align: center;}
		#element iframe {width: 90vw; height: 37vw;}
		.map-frame {width: 100%; height: 37vw; display:block;}
		#eye {width: 100vw; display: block; }
		#brand-logo-panel {text-align: center; background-color: white;}
		.menu {display: block;}
		.menu ul {list-style: none; padding: 0; display: flex; justify-content: space-around; align-items: center; margin: 0; font-size: 2vw;}
		.menu2 ul {list-style: none; padding: 0; display: flex; justify-content: space-around; align-items: center; margin: 0; font-size: 2vw;}
		.menu2 {display: flex;}
		.site-nav {display: block;}
		.site-nav ul {list-style: none; padding: 0; display: flex; justify-content: space-around; align-items: center; margin: 0; font-size: 2vw;}
		.menu3-logo {flex: 1; text-align: center;}
		#menu-logo3 {height: 32px;}
		.panel-dark-solid {font-size: 3.2vw; width: 100%;}
        .soon {font-size: 24px;}
		.input-group input[type="submit"] {background-color: #dde8ee; color: #205266; padding: 8px; border: none; cursor: pointer; font-size: 2.4vw;}
		.panel-link-tile {width: 50%; font-size: 4vw;}
		#floating-contact-button {height: 60px; width: 130px; bottom: 25px; left: 25px;}
		}
		
	@media (max-width: 700px) {
		h1 {font-size: 9vw;}
		h2 {font-size: 7vw;}
		.text-script {font-size: 7vw;}
		body {font-size: 4vw; font-weight: 200;}
		.panel {font-size: 4vw;}
		.panel-dark {font-size: 4vw;}
		.panel-enquiry-form {font-size: 4vw;}
		.element_dark2 {font-size: 4vw;}
		.element_light {font-size: 4vw;}
		.body-content1{font-size: 4vw;}
		.brand-logo-footer {width: 80%;}
		.panel-footer-copyright {font-size: 0.78rem; line-height: 1.5;}
		.menu ul {font-size: 3vw;}
		.menu2 ul {font-size: 3vw;}
		.site-nav ul {font-size: 3vw;}
		.panel-dark-solid {font-size: 4vw;}
        .soon {font-size: 3.75vw;}
        .spacer-block {color: white; display: none;}
        .photo-panel {display: block;}
        #element iframe {width: 90vw; height: 37vw;}
		#eye {width: 100vw; display: block; }
		.data_table_column1 {border: none; width: 45%; text-align: left;}
        .data_table_column2 {border: none; width: 45%; text-align: center; font-weight: 400; font-family: 'Bricolage Grotesque';}
        .panel-link-tile {width: 100%; aspect-ratio: 16 / 9; font-size: 6vw;}
		#floating-contact-button {height: 7vh; width: 27vw; left: 34vw;}
		}
		
	@media (max-width: 600px){
		.menu ul {font-size: 3vw;}
		.menu2 ul {font-size: 3vw;}
		.site-nav ul {font-size: 3vw;}
		}
		
	@media (min-width: 901px) and (max-width: 1150px) {
		.menu a {font-size: 2vw; width: 80px;}
		.menu2 a {font-size: 2vw; width: 80px;}
		.site-nav a {font-size: 2vw; width: 80px;}
		.panel-dark-solid {font-size: 1.3vw;}
		h1 {font-size: 2.5vw;}
		h2 {font-size: 2vw;}
		.text-script {text-align: center; font-size: 2vw;}
		body {font-size: 1.3vw; font-weight: 200;}
		.body-content1{font-size: 1.3vw;}
		.panel {font-size: 1.3vw;}
		.panel-dark, .element_dark2 {font-size: 1.3vw;}
		.element_light {font-size: 1.3vw;}
		.panel-spacer {display: none;}
		.photo-panel {display: block;}
		#logo-header {width: 360px;}
		#team-photo {width: 35%;}
		#team-photo:hover {width: 35%;}
		.spacer-block {color: white; display: none;}
		.soon {font-size: 2.5vw;}
		#eye {width: 100vw; display: block; }
		}
		
	@media (min-width: 1151px) and (max-width: 1400px){
		.menu a {font-size: 2vw; width: 90px;}
		.menu2 a {font-size: 2vw; width: 90px;}
		.site-nav a {font-size: 2vw; width: 90px;}
		.panel-dark-solid {font-size: 1.4vw;}
		h1 {font-size: 2.5vw;}
		h2 {font-size: 2vw;}
		.text-script {text-align: center; font-size: 2vw;}
		body {font-size: 1.4vw; font-weight: 200;}
		.panel {font-size: 1.4vw;}
		.panel-dark, .element_dark2 {font-size: 1.4vw;}
		.element_light {font-size: 1.4vw;}
		.body-content1{font-size: 1.4vw;}
		.panel-spacer {display: none;}
		.photo-panel {display: block;}
		#logo-header {width: 480px;}
		.spacer-block {color: white; display: none;}
		#eye {width: 100vw; display: block; }
		}

	@media (min-width: 1401px){
		.menu a {font-size: 1.3vw; width: 100px;}
		.menu2 a {font-size: 1.3vw; width: 100px;}
		.site-nav a {font-size: 1.3vw; width: 100px;}
		.panel-dark-solid {font-size: 1.4vw;}
		h1 {font-size: 2.5vw;}
		h2 {font-size: 2vw;}
		.text-script {text-align: center; font-size: 2vw;}
		body {font-size: 1.4vw; font-weight: 200;}
		.panel {font-size: 1.4vw;}
		.panel-dark, .element_dark2 {font-size: 1.4vw;}
		.element_light {font-size: 1.4vw;}
		.body-content1{font-size: 1.4vw;}
		.photo-panel {display: block;}
		#logo-header {width: 600px;}

		}

	@media (min-width: 1440px){
		.layout-row {display: flex; justify-content: center; align-items: center; }
		}
		
/* This is where to delete from if it doesn't work   */		

/* ============================
   FONT FACE DECLARATIONS
   ============================ */

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfedw.woff2") format("woff2");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2") format("woff2");
}

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2") format("woff2");
}

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/nunito/v25/XRXW3I6Li01BKofINeaBTMnFcQ.woff2") format("woff2");
}

@font-face {
  font-family: "Karla";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/karla/v23/qkBIXvYC6trAT55ZBi1ueQ.woff2") format("woff2");
}

@font-face {
  font-family: "Karla";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/karla/v23/qkBIXvYC6trAT55ZBi1ueQ.woff2") format("woff2");
}

/* ============================
   BASE FONT OVERRIDES
   ============================ */

body {
  font-family: 'Bricolage Grotesque', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Headings */
h1, h2, h3,
.menu, .menu a, .menu li,
.references,
.data_table_column2,
.data_table_column2 a {
  font-family: 'Bricolage Grotesque', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Content */
.panel,
.panel-dark,
.element_dark2,
.element_light,
.body-content1,
.blog_text {
  font-family: 'Bricolage Grotesque', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Forms & UI */
.input-group input,
.input-group textarea,
.input-group label,
button {
  font-family: 'Bricolage Grotesque', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: inherit;
}

/* Footer link-column heading size, matched to index.php's h3 breakpoints
   (index.php's h3.box2a-heading has no font-size of its own and relies on
   the plain h3 rule, which steps at 1100px and 480px independent of body) */
@media (max-width: 1100px) {
  h3.panel-footer-heading { font-size: 3.5vw; }
}
@media (max-width: 480px) {
  h3.panel-footer-heading { font-size: 5vw; }
}