/* Media query for big screens */
@media (min-width: 781px) {
    .aboutArea {
        width: 100%;
        font-family: "Ubuntu";
        line-height: 1.5;
        padding-right: 20px;
        padding-left: 20px;
        text-align: justify; /* Justifies the text */
        word-wrap: break-word; /* Breaks long words to fit within the width */
        hyphens: auto; /* Allows hyphenation where supported */
    }
    .contactIcons {
        width: 30px;
    }
    .contactDetails {
        display: flex;
        align-items: center;
    }
    .contactDetails a {
        color: inherit;
        text-decoration: none;
    }
    .contactDetails a:hover {
        text-decoration: underline;
    }
    .cookieHeader {
        cursor: pointer;
    }
    .cookieHeader:hover {
        font-weight: bold;
    }
    .cookiePolicyDiv {
        display: none;
        margin: 12px 16px;
        max-width: 400px;           /* left / right space */
        padding: 12px 16px;
        background-color: #f6f6f6;  /* slightly different, neutral */
        font-family: "Ubuntu";
        font-size: 13px;
        border-radius: 4px;
        font-style: italic;
        line-height: 1.2;
    }
    .cookiePolicyDiv.open {
        display: block;
    }
}

/* Media query for small screens */
@media (max-width: 780px) {
    .aboutArea {
        width: 90%;
        margin: auto;
        font-family: "Ubuntu";
        line-height: 1.5;
        text-align: justify; /* Justifies the text */
        word-wrap: break-word; /* Breaks long words to fit within the width */
        hyphens: auto; /* Allows hyphenation where supported */
        font-size: 13px;
    }
    .contactIcons {
        width: 30px;
    }
    .contactDetails {
        display: flex;
        align-items: center;
        font-size: 14px;
    }
    .contactDetails a {
        color: inherit;
        text-decoration: none;
    }
    .contactDetails a:hover {
        text-decoration: underline;
    }

    .cookieHeader {
        text-decoration: underline;
    }
    .cookieHeader:hover {
        font-weight: bold;
    }
    .cookiePolicyDiv {
        display: none;
        margin: 12px 16px;
        max-width: 400px;           /* left / right space */
        padding: 12px 16px;
        background-color: #f6f6f6;  /* slightly different, neutral */
        font-family: "Ubuntu";
        font-size: 13px;
        border-radius: 4px;
        font-style: italic;
        line-height: 1.2;
    }
    .cookiePolicyDiv.open {
        display: block;
    }
}