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

.inter .equip-img{
    display: flex;
    object-fit: cover;
    width: 100%;
    height: auto;
    background-size: cover;
}
.inter .marg-text-pre{
    display: grid;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    width: 90vw;
}
/* 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 auto 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"
        "intern intern intern intern intern intern intern intern intern intern intern intern"
        "footer footer footer footer footer footer footer footer footer footer footer footer";
        grid-gap: unset;
        justify-content: center;
        margin: auto;
    }

    .inter{
        grid-area: intern;
        display: grid;
        align-items: flex-start;
        grid-template-rows: 80px 80px auto; 
    }
    
    .inter .grid-aside{
        display: grid;
        grid-template-columns: 471px auto;
        grid-template-rows: 352px;
        grid-gap: 8px;
    }

    
    .inter .marg-title{
        margin-left: 140px;
        margin-top: 80px;
        text-align: left;
    }
    .inter .marg-text{
        text-align: left;
        margin-left: 140px;
        margin-right: 0;
        margin-top: 100px
    }

    .inter .marg-text2{
        
        margin-left: 140px;
        margin-right: 140px;
        margin-top: 40px;
    }

    
    
    .inter .equip-img{
        display: flex;
        object-fit: cover;
        width: 100%;
        height: auto;
        background-size: cover;
    }
    .inter .marg-text-pre{
        display: grid;
        margin-left: 0;
        margin-right: 0;
        margin-top: 20px;
        white-space: pre;
        width: unset;
    }
    
}

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

}