#main-header { display:none; }
#page-container { 
	padding-top:0px !important; 
	margin-top:-1px !important 
}

.header-nav-link {
    text-decoration: none;
    color: #073354;
    font-size: 20px;
    flex: 1;
    font-family: "field-gothic-wide", sans-serif;
    font-weight: 600;
    font-style: normal;
    transition: color 0.3s ease;
}

/* Use relative positioning to shift "ABOUT" without affecting flexbox */
.header-nav-left {
    position: relative;
    left: 20px; /* Shift 20px to the right */
    text-align: left;
}

/* Keep SERVICES centered */
.header-nav-center {
    display: flex;
    justify-content: center;
    text-align: center;
}

/* Align CONTACT to the right */
.header-nav-right {
    text-align: right;
}

/* Change font color to white on hover */
.header-nav-link:hover {
    color: white;
}




body, 
.field-gothic-62,
.field-gothic-reg {
    font-family: "field-gothic", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

.field-gothic-65,
.field-gothic-bold {
    font-family: "field-gothic", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.field-gothic-72, 
.field-gothic-reg-wide {
    font-family: "field-gothic-wide", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.field-gothic-73, 
.field-gothic-med-wide {
	font-family: "field-gothic-wide", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.field-gothic-74, 
.field-gothic-demi-wide {
    font-family: "field-gothic-wide", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.field-gothic-75, 
.field-gothic-bold-wide {
    font-family: "field-gothic-wide", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.field-gothic-83, 
.field-gothic-xwide {
	font-family: "field-gothic-xwide", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.field-gothic-85, 
.field-gothic-bold-xwide {
    font-family: "field-gothic-xwide", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.section-header {
    font-family: "field-gothic-xwide", sans-serif;
    font-weight: 700;
    font-style: normal;
	font-size: 6.7em;
	color: white;

    max-width: 1080px;
    margin: 0px auto;
    min-height:280px;
    background-color:transparent;
    color: white;
    font-size: 6em;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    line-height:1em;
}

@media (max-width: 980px) {
	.section-header {
		padding: 0 20px;
		font-size: 10vw;
	}
}



.small-section-header-container {
	padding: 100px 0 !important;
	margin 0: !important;
}
@media (max-width: 980px) {
	.small-section-header-container {
		padding: 0 !important; /* Set padding to 0 */
	}
}




.small-section-header {
    font-family: "field-gothic-xwide", sans-serif;
    font-weight: 700;
    font-style: normal;
	font-size: 40px;
	color: white;


    max-width: 800px;
    margin: 0 auto;
    background-color: #073354;
    color: white;
    font-size: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    padding: 20px;
    box-sizing: border-box;
	line-height:1em;
}
@media (max-width: 980px) {
	.small-section-header {
   		font-size: min(7vw, 40px); /* Use max() to choose the larger value */
		padding: 0 20px !important; /* Set padding to 0 */
	}
}



.lightblue {
    background-color: #6888A5;
}

.paragraph-intro {
    font-family: "field-gothic-wide", sans-serif;
    font-weight: 600;
    font-style: normal;
	color:#073354;
}

.small-subhead {
    font-family: "field-gothic-wide", sans-serif;
    font-weight: 600;
    font-style: normal;
	color:#073354;
	padding-bottom:20px;
	font-size:30px;
}





.bold-paragraph {
	font-family: "field-gothic-wide", sans-serif;
	font-weight: 500;
	font-style: normal;
	color:#073354;
	padding-bottom:20px;
	font-size:30px;
	line-height:1.4em
}



/* CTA Link Styles */
.cta-link {
    display: flex;
    align-items: center;
    font-size: 40px;
    padding-top: 50px;
    text-decoration: none;
}


/* CTA Icon */
.cta-icon {
    width: 50px;
    height: 50px;
    filter: invert(16%) sepia(32%) saturate(1735%) hue-rotate(166deg) brightness(102%) contrast(98%); /* #073354 color */
    transition: filter 0.3s ease; /* Smooth transition for hover effect */
}

/* CTA Text */
.cta-text {
    margin-left: 17px;
    font-family: "field-gothic-wide", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 25px;
    color: #073354;
    transition: color 0.3s ease; /* Smooth transition for text color on hover */
}

/* Hover effect for the CTA link */
.cta-link:hover {
    color: #6888a5; /* Change text color on hover */
}

/* Hover effect for the SVG icon to change color */
.cta-link:hover .cta-icon {
    filter: invert(54%) sepia(9%) saturate(1388%) hue-rotate(167deg) brightness(95%) contrast(85%); /* #6888a5 color */
}

/* Hover effect for the CTA text */
.cta-link:hover .cta-text {
    color: #6888a5; /* Change CTA text color on hover */
}

