body {
    font-family:   'Poppins', sans-serif;
    background-color: #1a1a1a;
    color: #fff;
}

.container {
    margin: auto;
    width: 80%;
    padding: 20px;
    max-width: 1400px;
  }


.responsive-two-column-grid {
    display:block;
    align-items: center;
    width: 80%;
}

/* columns */
.responsive-two-column-grid > * {
    padding:2rem;
    
}

/* tablet breakpoint */
@media (min-width:768px) {
    .responsive-two-column-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

.logo {
    margin-bottom: 40px;
}

.logo img {
    max-width: 150px;
}


.left-col {
    width: 350px;
    text-align: left;
    align-items: left;
    align-content: left;

    color: transparent;
    font-size: 2.6em; /* Adjusted for better mobile view */
    line-height: 1.2em;
    -webkit-text-fill-color: #222222;
    -webkit-text-stroke-width: .75px;
    -webkit-text-stroke-color: white;
    /*margin-top: 0.3em*/; /* Space below the stroke text */
    /*margin-bottom: 1em;*/ /* Space below the stroke text */
}

.right-col {
    width: 350px;
    text-align: justify;
    align-items: right;
    align-content: right;

    font-size: 1em;
    line-height: 1.5;

    margin-left: auto; 
    margin-right: 0;
    /*margin-top: 0.3em; *//* Space below the stroke text */
    /*margin-bottom: 1em;*/ /* Space below the stroke text */   
}

.left-col img {
   aspect-ratio: 1 / 1;
   width: 350px;

  }

.right-col  img {
    aspect-ratio: 1 / 1;
    width: 350px;
  }

.contact-us {
    border: 1px solid #ffffff; 
    margin-left: 175px;
    padding: 10px 20px;
    display: inline-block; /* Make the contact-us element behave like a block element */
    width: 50%;
    text-align: center; /* Center the contact link */
    align-items: center;
}

.contact-us a {
    text-decoration: underline;
    font-size: 1em;
    line-height: 1.6;
    color: #ffffff;
}