#contact_us > .heading {
    text-align:center;
    padding:0 20px;
}
#contact_us > .phone {
    margin-top:100px;
    text-align:center;
}

#contact_us > .columns {
    display:grid;
    width:70%;
    margin:0 auto 40px;
    grid-template-columns:1fr 1fr;
    gap:20px;
}
#contact_us > .columns > .column h2 {
    text-align:center;
    color:var(--color2);
    text-shadow:0 0 1px #0006;
}
#contact_us > .columns > .column .content {
    max-width:600px;
    margin:0 auto;
}
#contact_us > .columns > .email .field {
    margin-top:20px;
}
#contact_us > .columns > .email .field > label {
    display:block;
    margin:6px 2px;
}
#contact_us > .columns > .email .field > input,
#contact_us > .columns > .email .field > textarea {
    width:100%;
    box-sizing:border-box;
    padding:8px 10px;
    border:none;
    border-radius:5px;
    box-shadow:0 0 2px #000;
    font-size:1em;
}
#contact_us > .columns > .email > .content > .send {
    width:100%;
	margin-top:30px;
    padding:10px;
    background-color:var(--color1Alt1);
    border:none;
    border-radius:5px;
    outline:none;
    box-shadow:0 0 2px #0006;
    font-size:1.2em;
    color:#fff;
    cursor:pointer;
}
#contact_us > .columns > .email > .content > .send:hover {
    filter:brightness(110%);
}
#contact_us > .columns > .email > .content > .send:hover:active {
    filter:brightness(90%);
}
#contact_us > .columns > .email > .content > .send:disabled {
    filter:brightness(60%);
    cursor:uset;
}

#contact_us > .columns > .locations > .content > iframe {
    display:block;
    width:100%;
    max-width:500px;
    aspect-ratio:7/5;
    margin:0 auto;
    border:0;
    box-shadow:0 0 2px #000;
}

#page > .content > .office {
    position:relative;
    /* width:60%; */
    margin:60px auto 20px;
    width:80%;
}
#page > .content > .office > img {
    z-index:2;
    position:relative;
    display:block;
    /* width:50%; */
    width:100%;
    background-color:#fff;
    box-shadow:0 0 2px #0006;
}
#page > .content > .office > .text {
    display:flex;
    width:65%;
    /* aspect-ratio:637.75/380; */
    aspect-ratio:680/380;
    box-sizing:border-box;
    margin-left:auto;
    margin-top:-20%;
    /* padding:5% 7% 5% 20%; */
    padding:5% 7% 4% 20%;
    background-color:var(--color1Alt2);
    background:radial-gradient(at 100% 100%, var(--color1Alt2) 25%, var(--color1Alt1) 66%, var(--color1));
    align-content:center;
    text-align:center;
    color:#fff;
}
#page > .content > .office > .text h3 {
    margin:0 0 8px;
    font-size:1.25em;
    font-weight:bold;
}
#page > .content > .office > .text p {
    margin:0;
    font-size:1.2em;
    line-height:1.5;
}

@media only screen and (max-width: 650px) {
	#contact_us > .columns {
		grid-template-columns:unset;
	}
}