/* ======================================================================== */
/* ============================ Contact Page ============================== */
/* ======================================================================== */
.contact_info_wrap { position:relative;width:94%; }
.map_wrap { margin:0px 0px 20px 0px;float:right;position:relative;text-align:center;width:49%;border-radius:0px;box-shadow:#000000 0px 0px 4px 1px; }
@media (max-width:768px) {
	.contact_info_wrap { float: none;width: 100%; }
	.map_wrap { margin:12px 0 0 0;float:none;width:100%; }
}

.maincontent {
            max-width: 100%;
            margin: 0 auto;
            padding: 0;
            border: none;
overflow-x: hidden;
        }

.boxheader {
color: #0c0f39;
background: transparent;
border-left: none;
text-align: center;
font-weight: 600;
font-size: 32px;
}

.vcard {
display: flex;
flex-flow: row wrap;
gap: 25px;
justify-content: center;
max-width: 98%;
width: 100%;
}

.vcard table {
flex-basis: 450px;
flex-grow: 1;
margin-inline: auto;
}
.contact-section{
        background-image: linear-gradient(120deg, #fffffff2 30%, #fffffff2 100%), url(/imageserver/UserMedia/allamericanroof/aars-bg.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
width: 100%;
max-width: 95%;
margin-inline: auto;
padding-block: 40px;

}

.contact-wrapper {
max-width: 1300px;
width: 100%;
padding: 10px;
margin-inline: auto;
text-align: center;
}

.contact_info_wrap {
background: #f4f4f4;
padding: 15px;
border-radius: 12px;
margin: auto;
}