#pageContact {
	display:grid;
	grid-template:"form info";
	grid-template-columns:1fr 300px;
	grid-column-gap:var(--base-margin);
	grid-row-gap:var(--base-margin);
}
#contForm {
	grid-area:form;
}
#contInfo {
	grid-area:info;
}

.cont-grid {
	align-items:end;
	display:flex;
	flex:1 1 auto;
	flex-wrap:wrap;
	justify-content:start;
	margin:auto;
	padding:var(--base-margin);
	width:100%;
}
.cont-grid div:not(.col-googoo) {
	align-items:end;
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	justify-content:start;
	margin-bottom:.75rem;
	padding:.375rem;
	text-align:end;
	width:100%;
}
.cont-grid div b { display:inline-block; }
.col-googoo {
        align-items: center;
	border-radius:var(--radius);
	box-shadow:var(--ds-halo);
        display: flex;
	flex:1 1 auto;
	height:300px;
        justify-content: center;
	margin-bottom:.75rem;
	overflow:hidden;
	width:100%;
}
.iframe-googoo {
	align-self:center;
	height:300px;
	position:relative;
	width:100%;
}
.cont-col-end {
	padding:calc(3 * var(--base-rem)) 0 0 calc(3 * var(--base-rem));
}
.qcc-contact-body {
	height:360px!important;
	width:100%;
}

.qcc-contact-form {
	background: floralwhite;
	border: var(--brd-lt);
	border-radius: var(--radius);
	box-shadow: var(--ds-halo-sm);
	padding:1rem;
	margin:calc(2 * var(--base-margin)) auto;
	max-width:800px;
}
.qcc-contact-form .header {
	background: darkseagreen;
	border: var(--brd-ltr);
	border-radius: var(--radius);
	color: white;
	display: block;
	font-size: 1.25rem;
	font-weight: bold;
	margin: calc(-1 * var(--base-margin)) calc(-1 * var(--base-margin)) var(--base-padding);
	padding: var(--base-padding);
	text-shadow: var(--ds-sm);
}
.qcc-contact-form .header i.fa-mailbox
, .qcc-contact-form .header i.fa-check {
	background: ghostwhite;
	border: var(--brd);
	border-radius: var(--radius);
	box-shadow: var(--ds-sm);
	padding: var(--base-padding);
	text-shadow: var(--ds-sm);

}
.qcc-contact-form .header i.fa-mailbox {
	--fa-primary-color: orangered;
	--fa-secondary-color: black;
}
.qcc-contact-form .header i.fa-check {
	color: green;
}
.qcc-btn-bar {
	flex-wrap:nowrap;
	justify-content:end;
	white-space:nowrap;
}
.qcc-btn-bar button:hover {
	box-shadow:var(--ds-halo);
}
.msgSummary {
	padding:var(--base-padding);
}
@media (max-width:990px) {
	#pageContact {
		display:grid;
		grid-template:
			"form"
			"info";
		grid-template-columns:100%;
	}
	.cont-grid {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 300px;
		grid-column-gap: var(--base-margin);
		align-items: start;
		justify-content: start;
		text-align: start;
    	}
	.cont-grid div:not(.col-googoo) {
		align-items:start;
		margin-bottom: .75rem;
		padding: .375rem;
		text-align:start;
	}
	.cont-col-end {
		padding:initial;
	}
	.qcc-contact-form {
		--bs-gutter-x: .5rem;
		margin: auto auto 2rem;
		padding: 1rem 0.5rem;
	}
}
@media (max-width:768px) {
	.qcc-contact-form {
		max-width:100%;
	}
	.cont-grid {
		grid-template-columns: 1fr;
    	}
	.qcc-btn-bar {
		justify-content:center;
	}
}

@media (max-width:567px) {
	.cont-grid > div:not(.col-googoo) {
		max-width:100%;
	}
	.col-googoo, .iframe-googoo {
		height:350px;
	}
	.qcc-btn-bar, .qcc-btn-bar .btn {
		font-size:.95em;
	}
}