* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    background-color: #CDE6C7;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

header, .menu, footer {
    color: #FFFFFF;
    background-color: #77AB59;
}

.menu ul li a {
    color: #FFFFFF;
    font-size: 18px;
}

footer {
    margin-top: auto;
    width: 100%;
    bottom: 0;
    left: 0;  
}

footer ul,
footer a, 
footer p,
footer .copy {
    text-decoration: none;
    color: #FFFFFF !important;
    list-style: none;
    font-size: 18px;
}

.parent {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    }
    
    .div1 { grid-area: 1 / 2 / 2 / 3; }
    .div2 { grid-area: 1 / 1 / 2 / 2; }
    .div3 { grid-area: 1 / 3 / 2 / 4; }
    .div4 { grid-area: 2 / 1 / 3 / 4; }

.copybreak {
    display: none;
}
    
    @media screen and (max-width: 800px) {
      .parent {
        display: flex;
        flex-direction: column;
        gap: 8px;
      }
      .parent .div2, 
      .parent .div3{
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
      }
      .div4 p {
        font-size: 1rem;
        padding-inline: 1rem;
        word-break: break-all;
      }
      .copybreak {
        display: block !important;
      }
    }