/*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
	align-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 400px 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);
    }		

}