main{
    padding: 0;
}

.youtube-loop {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    background-color: transparent;
    pointer-events: none;
}

.aso-block--cssap {
    display: flex;
    justify-content: center;
    margin-top: -120px;
    gap: 2rem;
    flex-wrap: wrap;
    & .column {
        flex: 1;
        min-width: 300px;
        text-align: center;

        & h2 {
            margin-top: 1rem;
        }

        & ul {
            text-align: start;
            max-width: 250px;
            margin-inline: auto;
        }
    }
}

@media screen and (min-width: 1024px){

    main{
        padding-top: 100vh;
    }
    
    .node__content--front{
        background-image: url("../bg-tile.png");
        background-size: auto;
        background-color: #fff;
        position: relative;
        z-index: 1;
    }

    footer{
        position: relative;
        z-index: 1;
    }
}

@media screen and (max-width: 767px) {
    
.aso-block--cssap {
        margin-top: -2rem;
    }

}

.view{
    padding-bottom: 6rem;
}

.view-display-id-last_new {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    padding-bottom: 0;
}

.aso-block--thinking-center .view{
    padding-bottom: 0;
}


.aso-block--posts-links .container {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--color-text);
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);

    & a {
        font-size: inherit;
        font-weight: inherit;
        color: inherit;
    }
}

.aso-block--thinking-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;

    & img{
        border-radius: 1rem;
    }
}

.aso-block--citizen-attention {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    text-align: center;
    & .aso-block__buttons{
        display: flex;
        flex-wrap: wrap;
        gap: 1rem 2rem;
    }
}