body
{
    background-color: #BEB194;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 100%;
    max-width: 1130px;
    margin-inline: auto;
    margin-top: 2rem;
    width: 90%;
}

/* Header */

    header
    {
        background-color: #F0ECE4;
        display: flex;
        margin: 0;
        padding: 0 2rem;
    }

    header h1 
    {
        background-image: url('../assets/logo.png');
        background-size: contain;
        background-repeat: no-repeat;
        flex: 1 1 376px; /* Grow, shrink, and base size */
        max-width: 376px;
        margin: 0;
        width: 100%;
        aspect-ratio: 376 / 170; /* Aspect ratio */
        text-indent: -9999px;
        overflow: hidden;
    }
    
    header h2 
    {
        background-image: url('../assets/contact.png');
        background-size: contain;
        background-repeat: no-repeat;
        flex: 1 1 700px; /* Grow, shrink, and base size */
        max-width: 700px;
        margin: 0;
        width: 100%;
        aspect-ratio: 700 / 170; /* Aspect ratio */
        text-indent: -9999px;
        overflow: hidden;
    }

    @media screen and (max-width: 768px)
    {
        header h2 { display: none; }
    }


/* Splash */

    section.splash
    {

    }

    section.splash img { display: block; width: 100%; }
    
    .splash {
      position: relative;
      display: block;
      width: 100%;
    }
    
    .splash img 
    {
      width: 100%;
      height: auto;
      display: block;
    }
    
     .testimonial 
     {
          color: white;
          font-size: 90%;
          line-height: 1.5;
          padding-right: 2rem;
          position: absolute;
          top: 15%;
          right: 0%;
          width: 40%;
     }
     
     .testimonial a { color: #FF8003; }
     
         
         @media screen and (max-width: 768px)
         {
          .testimonial  { display: none; }    
         }

/* Portlets */

    section.portlets 
    {
        background: #F0ECE4;
        display: flex;
        flex-wrap: wrap;
        gap: 1.5rem;
        margin: 0;
        padding: 2rem;
    }

    section.portlets div
    {
        box-sizing: border-box;
        color: white;
        flex-basis: 30%;
        flex-grow: 1;
        flex-shrink: 1;
        font-size: 1.8rem;
    }

    section.portlets div:nth-child(1) { background-color: #274B55; }
    section.portlets div:nth-child(2) { background-color: #910F00; }
    section.portlets div:nth-child(3) { background-color: #FF8003; }
    section.portlets div:nth-child(4) { background-color: #BAB093; }
    section.portlets div:nth-child(5) { background-color: #274B55; }
    
    section.portlets div a { color: white; display: inline-block; padding: 1rem; text-decoration: none; }

/* Text */

    section.text 
    {
        color: #274B55;
        line-height: 1.5;
        margin: 0;
        padding: 1rem 2rem;
    }
    
    section.text h3 { color: #910F00; font-size: 1rem; }
    section.text h4 { color: #274B55; font-size: 1.2rem; }
    
/* Pages */
    
    section.pages
    {
        background: #F0ECE4;
        display: flex;
        flex-wrap: wrap;
        gap: 1.5rem;
        margin: 0;
        padding: 2rem;
    }
    
    section.pages div
    {
        box-sizing: border-box;
        color: white;
        flex-basis: 20%;
        flex-grow: 1;
        flex-shrink: 1;
        font-size: 1rem;
    }
    
    section.pages div:nth-child(1) { background-color: #274B55; }
    section.pages div:nth-child(2) { background-color: #910F00; }
    section.pages div:nth-child(3) { background-color: #FF8003; }
    section.pages div:nth-child(4) { background-color: #BAB093; }
    section.pages div:nth-child(5) { background-color: #274B55; }
    
    section.pages div a 
    { 
        color: white; 
        display: inline-block; 
        padding: 1rem; 
        text-decoration: none; 
    }
    
/* Delivery */

    section.delivery
    {
        background: gold;
        background: #F0ECE3; 
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        padding: 1rem 2rem;
    }
    
    section.delivery h3 { color: #294B55; line-height: 1.5; }
    
    section.delivery div:first-child
    {
        box-sizing: border-box;
        padding: 0 2rem 0 0;
        width: 90%;
    }
    
    section.delivery div img { display: block; width: 100%; }
    
/* Accreditation logos */

    section.accreditation 
    {
        background: #F0ECE3;
        display: flex;
        flex-grow: 1;
        flex-shrink: 1;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding: 1rem 2rem; 
        align-items: center;
        max-width: 100%;
    }

    section.accreditation img 
    {
        height: 50px; /* Set a fixed height for all images */
        width: auto; /* Maintain aspect ratio */
    }
    
    @media screen and (max-width: 760px)
    {
          section.accreditation { display: none; }
    }
    
/* Footer */

    footer
    {
        background: #F0ECE3;
        margin-top: 1rem;
        padding: 2rem;
        text-align: center;
    }
    
    footer p 
    { 
        color: #294B55;
        font-size: 0.8rem; 
        line-height: 1.5;
        margin-bottom: 2rem;
    }
    
    footer p a { color: #FF8001; font-weight: bold; }
    
/* Misc */

    .bgcream { background: #F0ECE3; }
    .fright { float: right; margin: 0 0 2rem 2rem; }