/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */
/* =========================
PAGE LAYOUT WITH HEADER IMAGE + COLUMNS
========================= */
body {
    font-family: Arial, Helvetica, sans-serif;
	background: #CFAC52;
}
/* Main page wrapper */
.page-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* =========================
HEADER IMAGE ROW
========================= */
.header-image-row {
    width: 100%;
    height: 250px;
    overflow: hidden;
background: #00539B;
}

.header-image-row img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* =========================
CONTENT AREA
========================= */
.content-row {
    display: grid;
    grid-template-columns: 50% 50%; /* default = 2 columns */
    gap: 5px;
    padding: 20px;
}

/* Left column */
.column-left {
    background-color: #00539B; /* matches your gold */
    padding: 15px;
}
.column-left h1{
	color: white;
	text-align:center; 
}
.column-left h3{
	color: pink;
	text-align:center; 
}
.column-left p{
   color: white;
   text-indent: 3em; }

/* Main content column */
.column-main {
    background-color: #C6011F;
    padding: 15px;
}

/* Optional third column */
.column-right {
    background-color: #00539B;
    padding: 15px;
}

/* =========================
ENABLE 3-COLUMN LAYOUT
(Add class "three-columns" to content-row)
========================= */
.content-row.three-columns {
    grid-template-columns: 33% 33% 33%;
}


/* =========================
RESPONSIVE (STACK ON MOBILE)
========================= */
@media (max-width: 800px) {
    .content-row,
    .content-row.three-columns {
        grid-template-columns: 1fr;
    }

    .header-image-row {
        height: 180px;
    }
}