.logo {
    display: flex;      
    flex-grow: 1;      /* Turns the menu into a flexbox */
    flex-direction: row;        /* Places items horizontally */
    align-items: center;        /* Vertically aligns items */
    justify-content: left;    /* Centres the menu horizontally */
    margin-left: 150px;
    margin-right: 150px;
    padding: 30px;
}
.menu {
    display: flex;              /* Turns the menu into a flexbox */
    flex-grow: 1;
    flex-direction: column;        /* Places items horizontally */
    align-items: baseline;        /* Vertically aligns items */
    justify-content: evenly;    /* Centres the menu horizontally */
    column-gap: 100px;                  /* Space between menu items */
    background-color: #fbf6f2;  /* Background colour of the menu */
    list-style: none;           /* Removes bullet points */
    margin-left: 150px;
    margin-right: 150px;
    padding: 30px;
}

.menu li {
    margin: 0;
    
}

.menu a {
    
    padding: 12px 18px;
    text-decoration: none;
    color: rgb(104, 108, 108);
    font-family: Arial, sans-serif;

}


.button {
    flex: 1;
    display: flex;
    justify-content: right;
    align-items: stretch;
    margin-left: 500;

    padding: 12px 20px;
    background-color: #333;
    color: white;

    text-decoration: none;
    border-radius: 6px;
}


.container2a
{display: flex;              /* Turns the menu into a flexbox */
    flex: 1;
    flex-direction: row;        /* Places items horizontally */
    align-items: top;        /* Vertically aligns items */
    justify-content: evenly;    /* Centres the menu horizontally */
    gap: 150px;                  /* Space between menu items */
    
    flex-basis: 50%;
    text-align: Left;
    padding-left: 150px;
    padding-top: 10px;
    margin-left: 150px;
    margin-right: 150px;

}

.container2b
{display: flex;              /* Turns the menu into a flexbox */
    flex: 1;
    flex-direction: row;        /* Places items horizontally */
    align-items: flex-end;        /* Vertically aligns items */
    justify-content: stretch;    /* Centres the menu horizontally */
    gap: 190px;                  /* Space between menu items */
   
    flex-basis: 50%;
    text-align: Left;
    border-width: 30px;
    margin-left: 150px;
    margin-right: 150px;
    padding-left: 120px;
    padding-right: 100px;
}


.container2c
{display: flex;              /* Turns the menu into a flexbox */
    flex: 1;
    flex-direction: row;        /* Places items horizontally */
    align-items: bottom;        /* Vertically aligns items */
    justify-content: left;    /* Centres the menu horizontally */
    gap: 15px;                  /* Space between menu items */
   
    flex-basis: 50%;
    text-align: Left;
    padding-left: 40px;
    margin-left: 150px;
    margin-right: 150px;
}

.container2g
{display: flex;              /* Turns the menu into a flexbox */
    flex: 1;
    flex-direction: row;        /* Places items horizontally */
    align-items: bottom;        /* Vertically aligns items */
    justify-content: stretch;    /* Centres the menu horizontally */
    gap: 15px;                  /* Space between menu items */
   
    flex-basis: 50%;
    text-align: center;
    margin-left: 375px;
    margin-right: 5px;
}

.container2dr
{display: flex;              /* Turns the menu into a flexbox */
    flex: 1;
    flex-direction: row;        /* Places items horizontally */
    align-items: bottom;        /* Vertically aligns items */
    justify-content: left;    /* Centres the menu horizontally */
    gap: 15px;                  /* Space between menu items */
  
    flex-basis: 50%;
    padding-left: 20px;
    text-align: Left;
    margin-left: 100px;
    margin-right: 0px;
}

.container2d
{display: flex;              /* Turns the menu into a flexbox */
    flex: 1;
    flex-direction: row;        /* Places items horizontally */
    align-items: bottom;        /* Vertically aligns items */
    justify-content: center;    /* Centres the menu horizontally */
    gap: 5px;                  /* Space between menu items */
   
    padding-left: 50px;
    flex-basis: 50%;
    text-align: Left;
    margin-left: 0px;
    margin-right: 5px;
}


.container2e
{display: flex;              /* Turns the menu into a flexbox */
    flex: 1;
    flex-direction: row;        /* Places items horizontally */
    align-items: bottom;        /* Vertically aligns items */
    justify-content: left;    /* Centres the menu horizontally */
    gap: 15px;                  /* Space between menu items */
   
    flex-basis: 50%;
    text-align: Left;
    margin-left: 150px;
    margin-right: 150px;
}

.container2f
{display: flex;              /* Turns the menu into a flexbox */
    flex: 1;
    flex-direction: row;        /* Places items horizontally */
    align-items: top;        /* Vertically aligns items */
    justify-content: left;    /* Centres the menu horizontally */
    gap: 20px;                  /* Space between menu items */
   
    flex-basis: 50%;
    text-align: Left;
    padding-left: 20px;
    padding-top: 0px;
    margin-left: 150px;
    margin-right: 150px;
}


.container2h
{display: flex;              /* Turns the menu into a flexbox */
    flex: 1;
    flex-direction: row;        /* Places items horizontally */
    align-items: stretch;        /* Vertically aligns items */
    justify-content: center;    /* Centres the menu horizontally */
    gap: 10px;                  /* Space between menu items */
   
    flex-basis: 50%;
    border-width: 30px;
    margin-left: 150px;
    margin-right: 150px;
}




.container2i
{display: flex;              /* Turns the menu into a flexbox */
    flex: 1;
    flex-direction: row;        /* Places items horizontally */
    align-items: flex-start;        /* Vertically aligns items */
    justify-content: center;    /* Centres the menu horizontally */
    gap: 80px;                  /* Space between menu items */
   
    flex-basis: 50%;
    text-align: Left;
    padding-top: 30;
    padding-left: 80px;
    padding-right: 80px;
    border-width: 30px;
    margin-left: 150px;
    margin-right: 150px;
}




.container2img {
gap:20px;
}


    body {
    font-family: 'Poppins', sans-serif;
    background-color: #E3E5DE;
    color: #2d381b;
    font-size: 1.2em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;  
    color: #12180A;
    text-wrap: balance; 
}

h1 {
    font-size: 3.5rem;
    font-weight: 500;
}

h2 {
    font-size: 2.25rem;
    font-weight: 700;
}

ul {
    padding: 0;
}

li {
    list-style-type: none;
    display: flex;
    align-items: center;
    gap: 0.5em;
    line-height: 2em;

}

li::before {
    content: "";
    background: url("../images/icons/tick.png") no-repeat center/contain;
    width: 1em;
    height: 1em;
}

p {
    line-height: 1.7em;
}

/* after this is student per instruction */