/*for small devices*/
.conta{
    display: grid;
}
.conta .marg-title{
    margin-left: 0;
    margin-top: 0;
    text-align: center;
}
.conta .marg-text{
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px
}
.conta span{
    padding-top: 10px;
    padding-bottom: 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 380px 510px 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"
        "conta conta conta conta conta conta conta conta conta conta conta conta"
        "mapa mapa mapa mapa mapa mapa mapa mapa mapa mapa mapa mapa"
        "footer footer footer footer footer footer footer footer footer footer footer footer";
        grid-gap: unset;
        justify-content: center;
        margin: auto;
    }

    .conta{
        grid-area: conta;
        display: grid;
        align-items: flex-start;
        grid-template-rows: 240px 40px 40px 60px; 
    }    

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

    .conta span{
        padding-top: 0;
        padding-bottom: 0;
        width: auto;
    }
    
}

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

}