.Wrapper_Resursa {
    display: flex;
}

.Resursa , #Mai_Mult_Arhiva {
    font-family: "DM Serif Text", serif;
    font: bold;
}

@media only screen and (min-width: 1259px)
{
    .Titlu_Sectiune {
        width: 100%;
        height: 2em;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        font-size: max(2.5vw , 60px);
        padding: 0;
        margin: max(1vw , 26px);
    }

    #Resurse_Recente {
        width: 60vw;
        min-width: 1200px;
        height: auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 2.5vw;
        padding: 0.5vw;
    }

    .Wrapper_Resursa {
        justify-content: center;
    }

    .Resursa {
        width: 100%;
        margin: 0;
        padding: 0.5vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-shadow: 0 0 0.5vw rgba(0 , 0 , 0 , 0.5);
        transition: 0.5s;
        text-decoration: none;
    }

    .Resursa:nth-of-type(1) {
        justify-content:space-evenly;
    }

    .Resursa:hover {
        transform: translateY(-0.5vw);
        box-shadow: 0 0 0.8vw rgba(0 , 0 , 0 , 0.5), 0 0.5vw 0.8vw rgba(0 , 0 , 0 , 0.4);
    }

    .Fundal_Resursa {
        width: 100%;
        border: none;
    }

    .Sursa_Resursa {
        width: 100%;
        height: max(1.5vw , 33px);
        display: flex;
        flex-direction: row;
        margin: 0;
        padding: 0;
        margin-top: 0.5vw;
    }

    .Imagine_Resursa {
        height: 100%;
        aspect-ratio: 1;
        fill: black;
    }

    .Text_Sursa_Resursa {
        height: 100%;
        margin: 0;
        padding: 0;
        padding-left: 0.5vw;
        font-size: max(1vw , 22px);
        color: black;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .Titlu_Resursa {
        width: 90%;
        padding: 0.6vw;
        font-size: max(1vw , 22px);
        color: black;
    }

    /*.Resursa:nth-of-type(6) .Titlu_Resursa {
        font-size: 0.8vw;
    }*/

    .Text_Resursa {
        width: 100%;
        height: auto;
        padding: 1vw;
        font-size: max(1.1vw , 18px);
        color: black;
    }

    #Mai_Mult_Arhiva {
        width: max(13vw , 300px);
        height: 2em;
        font-size: max(1.5vw , 32px);
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        margin: 1.5vw;
        padding: 0;
        border-radius: max(1.5vw , 32px);
        color: black;
        box-shadow: 0 0 0.5vw rgba(0 , 0 , 0 , 0.5);
        transition: transform 0.5s , box-shadow 0.5s , background-color 0.5s , color 0.5s , text-shadow 0.5s;
    }

    #Mai_Mult_Arhiva:hover {
        transform: translateY(-0.5vw);
        box-shadow: 0 0 0.5vw rgba(0 , 0 , 0 , 0.5), 0 0.5vw 0.5vw rgba(0 , 0 , 0 , 0.4);
        background-color: black;
        color: #60915a;
        text-shadow: 0 0 0.1vw #60915a;
}
}

@media only screen and (min-width: 684px) and (max-width: 1259px)
{
    .Titlu_Sectiune {
        width: 100%;
        height: 2em;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        font-size: max(2.3vw , 54px);
        padding: 0;
        margin: max(1vw , 20px);
    }

    #Resurse_Recente {
        width: 90%;
        height: auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        gap: 5vw;
        padding: 0.5vw;
    }

    .Resursa {
        width: 100%;
        margin: 0;
        padding: 1.2vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-shadow: 0 0 0.8vw rgba(0 , 0 , 0 , 0.5);
        transition: 0.5s;
        text-decoration: none;
    }

    .Resursa:nth-of-type(1) {
        justify-content:space-evenly;
    }
    
    .Resursa:hover {
        transform: translateY(-0.8vw);
        box-shadow: 0 0 0.8vw rgba(0 , 0 , 0 , 0.5), 0 0.8vw 0.8vw rgba(0 , 0 , 0 , 0.4);
    }

    .Fundal_Resursa {
        width: 100%;
        border: none;
    }

    .Sursa_Resursa {
        width: 100%;
        height: max(1.5vw , 33px);
        display: flex;
        flex-direction: row;
        margin: 0;
        padding: 0;
        margin-top: 0.5vw;
    }

    .Imagine_Resursa {
        height: 100%;
        aspect-ratio: 1;
        fill: black;
    }

    .Text_Sursa_Resursa {
        height: 100%;
        margin: 0;
        padding: 0;
        padding-left: 0.5vw;
        font-size: max(2.5vw , 20px);
        color: black;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .Titlu_Resursa {
        width: 90%;
        padding: 1vw;
        font-size: max(2.5vw , 20px);
        color: black;
    }

    .Text_Resursa {
        width: 100%;
        height: auto;
        padding: max(0.6vw , 12px);
        font-size: max(2vw , 16px);
        color: black;
    }

    #Mai_Mult_Arhiva {
        width: max(13vw , 240px);
        height: 2em;
        font-size: max(1.5vw , 26px);
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        margin: 3vw;
        padding: 0;
        border-radius: max(1.5vw , 32px);
        color: black;
        box-shadow: 0 0 0.5vw rgba(0 , 0 , 0 , 0.5);
        transition: transform 0.5s , box-shadow 0.5s , background-color 0.5s , color 0.5s , text-shadow 0.5s;
    }

    #Mai_Mult_Arhiva:hover {
        transform: translateY(-0.8vw);
        box-shadow: 0 0 0.5vw rgba(0 , 0 , 0 , 0.5), 0 0.8vw 0.8vw rgba(0 , 0 , 0 , 0.4);
        background-color: black;
        color: #60915a;
        text-shadow: 0 0 0.1vw #60915a;
}
}

@media only screen and (max-width: 684px)
{
    .Titlu_Sectiune {
        width: 100%;
        height: 2em;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        font-size: 8vw;
        padding: 0;
        margin: max(1vw , 20px);
    }

    #Resurse_Recente {
        width: 90%;
        height: auto;
        display: flex;
        flex-direction: column;
        padding: 0.5vw;
    }

    .Resursa {
        width: 100%;
        height: auto;
        margin: 0;
        margin-bottom: 5vw;
        padding: 3vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-shadow: 0 0 1.5vw rgba(0 , 0 , 0 , 0.5);
        transition: 0.5s;
        text-decoration: none;
    }

    .Resursa:hover {
        transform: translateY(-1vw);
        box-shadow: 0 0 1.5vw rgba(0 , 0 , 0 , 0.5), 0 1vw 1.5vw rgba(0 , 0 , 0 , 0.4);
    }

    .Fundal_Resursa {
        width: 100%;
        aspect-ratio: auto;
        border: none;
    }

    .Sursa_Resursa {
        width: 100%;
        height: 7vw;
        display: flex;
        flex-direction: row;
        margin: 0;
        padding: 0;
        margin-top: 1vw;
    }

    .Imagine_Resursa {
        height: 100%;
        aspect-ratio: 1;
        fill: black;
    }

    .Instagram_Recent {
        padding: 1vw;
    }

    .Text_Sursa_Resursa {
        height: 100%;
        margin: 0;
        padding: 0;
        padding-left: 1vw;
        font-size: 4vw;
        color: black;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .Titlu_Resursa {
        width: 100%;
        padding: 1.5vw;
        font-size: 4vw;
        color: black;
    }

    .Text_Resursa {
        width: 100%;
        height: auto;
        padding: 1vw;
        font-size: 3.5vw;
        color: black;
    }

    #Mai_Mult_Arhiva {
        width: 45vw;
        height: 2em;
        font-size: 5vw;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        margin: 0.5vw;
        padding: 0;
        border-radius: 5vw;
        color: black;
        box-shadow: 0 0 1vw rgba(0 , 0 , 0 , 0.5);
        transition: transform 0.5s , box-shadow 0.5s , background-color 0.5s , color 0.5s , text-shadow 0.5s;
    }

    #Mai_Mult_Arhiva:hover {
        transform: translateY(-8px);
        box-shadow: 0 0 1vw rgba(0 , 0 , 0 , 0.5), 0 1vw 0.8vw rgba(0 , 0 , 0 , 0.6);
        background-color: black;
        color: #60915a;
        text-shadow: 0 0 3px #60915a;
}

}