.announcement {
    font-family:"Chakra Petch";
    padding-bottom:30px;
    display:flex;
    flex-direction: column;
    gap:20px;
    margin-top:50px;
    margin-bottom:50px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.announcement .date-updated {
    position: absolute;
    left:50%;
    transform:translateX(-50%);
    top:0;
    text-align: right;
}

.announcement .top {
    display:flex;
    flex-direction: column-reverse;
    gap: 50px;
}

.announcement .heading {
    font-family: inherit;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin:0;  
}


@media (min-width:768px) {
    .announcement {
        padding-bottom:0;
    }
}