/*for small devices*/
.especiali{
    display: grid;
}
.especiali .marg-title{
    margin-left: 0;
    margin-top: 0;
    text-align: center;
}
.especiali .marg-text{
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px
}

.especiali .desk-especiali-blocks{
    display: grid;
    position: relative;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
    padding: 0;
    padding-bottom: 20px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center
}
.especiali .desk-especiali-blocks span{
    display: grid;
    align-content: center;
    background-color: #313131;
    font-size: 16px;
    text-align: center;
    height: 61px;
    width: 224px;
}

.especiali .marg-text-pre{
    display: grid;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
}

/* Medium devices (tablets, 1024px and up) */
@media screen and (min-width: 1024px){
    .wrapper {
        align-content: center;
        grid-template-columns: repeat(12, 113.83px);
        grid-template-rows:518px 54px 4140px 300px;
        grid-template-areas:
        "header header header header header header header header header header header header"
        "menu menu menu menu menu menu menu menu menu menu menu menu"
        "especi especi especi especi especi especi especi especi especi especi especi especi"
        "footer footer footer footer footer footer footer footer footer footer footer footer";
        grid-gap: unset;
        justify-content: center;
        margin: auto;
    }

    .especiali{
        grid-area: especi;
        display: grid;
        align-items: flex-start;
        grid-template-rows: 240px repeat(5,auto) auto repeat(3,auto) auto repeat(2,auto) auto repeat(2,auto) 400px; 
    }

    .especiali .marg-title{
        margin-left: 140px;
        margin-top: 80px;
        text-align: left;
    }
    .especiali .marg-text{
        margin-left: 140px;
        margin-right: 140px;
        margin-top: 20px
    }

    .especiali .desk-especiali-blocks{
        display: grid;
        position: relative;
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 16px;
        padding: 0;
        padding-bottom: 20px;
        margin-left: 140px;
    }

    .especiali .marg-text-pre{
        white-space: pre;
        margin-right:140px;
    }

}

/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
    .wrapper {
        align-content: center;
        grid-template-columns: repeat(12, 100px);
    }		

}