﻿



body {
    /* background-color: navy;*/
    color: navy;
}

.myRotator {
    /*  max-height: 41vh;
    width: 100vw;*/
    max-height: 41vh; /* Limit the maximum height */
    width: 100vw; /* Take up the full viewport width */
    overflow: hidden; /* Hide any overflow content */
}

.image-rotator img {
    max-width: 100%; /* Limit the maximum width */
    max-height: 100%; /* Limit the maximum height */
    width: auto; /* Let the width adjust dynamically */
    height: auto; /* Let the height adjust dynamically */
    object-fit: contain; /* Maintain aspect ratio and contain within the dimensions */
}

.gridContainer {
    display: grid;
    grid-template-columns: 100vw;
    grid-template-rows: 41vh 10vh 24vh 25vh;
    /* background-color:navy;*/
}

.gridItemContentRotator {
    grid-row: 1;
}

.gridItemContent {
    grid-row: 2;
    /* color: ghostwhite;*/
    color: navy;
}

.gridItemContentTwo { /*The parent child hloding the FG logo container and child*/
    grid-row: 3;
    /* color: ghostwhite;*/
    color: navy;
    border-bottom: 2px solid rgba(255, 255, 255, 0.5); /* White with 50% opacity */
    padding-bottom: 10px; /* Adjust as needed for spacing */
}

.gridItemContentThree { /*The parent child hloding the contact info*/
    grid-row: 4;
    /*color: ghostwhite;*/
    color: navy;
}

.nestedContainerFlexTitle {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center items horizontally within the container */
    justify-content: center; /* Center items vertically within the container */
    gap: 10px;
    text-align: center; /* Center text within the container */

    min-height: 100px;
}

.nestedItemTitle {
    width: 100%; /* Ensure the text takes the full width of the container */
}

.nestedContainerFaureHerman {
    display: grid;
    grid-template-columns: 1fr 4vw 200px 500px 1fr;
    gap: 10px;
}

.nestedItemFHImage {
    grid-column: 3;
}

.nestedItemList {
    grid-column: 4;
}

.innerNestedContainer {
    grid-template-columns: 100%;
}

.innerNestedItem1 {
}

.nestedContainerContactInfo {
    display: grid;
    grid-template-columns: 1fr 11vw 300px 350px 400px 1fr;
    grid-template-rows: 20px 20px 20px 20px
}

/*.nestedItemSSHeader {
    grid-column: 3;
    grid-row:1
}*/

.nestedItemSSOffice {
    padding-top: 15px;
    grid-column: 3;
    grid-row: 1
}

.nestedItemSSMobile {
    padding-top: 15px;
    grid-column: 3;
    grid-row: 2
}


/*.nestedItemSMHeader {
    grid-column: 4;
    grid-row: 1
}*/
.nestedItemSMAddressOne {
    padding-top: 15px;
    grid-column: 4;
    grid-row: 1
}

.nestedItemSMAddressTwo {
    padding-top: 15px;
    grid-column: 4;
    grid-row: 2
}

.nestedItemSMAddressThree {
    padding-top: 15px;
    grid-column: 4;
    grid-row: 3
}

.nestedItemSMAddressFour {
    padding-top: 15px;
    grid-column: 4;
    grid-row: 4
}

.nestedItemSMAddressFive {
    padding-top: 15px;
    grid-column: 4;
    grid-row: 6
}

.nestedItemDirections {
    padding-top: 15px;
    grid-column: 5;
    grid-row: 1
}






.spanHeader {
    color: white;
    /* color:navy;*/
    font-weight: bold;
}

fhimg {
    height: 50px;
    width: 75px;
}

p {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    text-align: justify;
}

pTwo {
    text-align: justify;
}

ul {
    list-style-type: none; /* Remove default bullets */
    padding: 0; /* Optional: Remove default padding */
    margin: 0; /* Optional: Remove default margin */
    text-align: left;
    margin-left: 60px;
    margin-bottom: 10px
}


.spantest {
    color: white;
    color: navy;
    font-size: larger;
}
