body {
    margin: auto;
    max-width: 100%;
    
    
}
.sumary td {
    width: 50%;
}

.rammi div {
    border: 1px solid var(--nc-d-bg-1);
    font-family: 'Caprasimo', serif;
}
.title {
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    justify-content: space-around;
}
h2 {
    text-align: center;
}

.col-1, .col-2, .col-3, .col-32, .col-4, .col-5, .col-6 {
    display: grid;
}
tfoot th {
    text-align: center;
}
.chatbox1 {

    padding: 1rem;
    background-color: var(--nc-bg-1);
}
.chatbox {
    position: fixed;
    width: 20rem;
    bottom: 2rem;
    right: 2rem;
    border: 1px solid var(--nc-tx-2);
    padding: 1rem;
    background-color: var(--nc-bg-1);
    z-index: 900;
    right: 40rem;
}


.chatbox input[type="text"],
.chatbox input[type="email"],
.select {
    width: 100%;
    background: var();
}
.posture {
    text-align: center;
  }



@media screen and (min-width:48rem) {
    .col-2, .col-4, .col-6 {
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
        row-gap: 1rem;
    }
    .posture {
        position: relative;
        left: 30%;
      }
    

}

@media screen and (min-width:60rem){
    .col-3 {
        grid-template-columns: .7fr 2fr .5fr;
        gap: 1rem;
        row-gap: 1rem;
    }
    .col-32 {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1rem;
        row-gap: 1rem;
    }
    .col-4 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 1rem;
        row-gap: 1rem;
    }

    .col-5 {
        grid-template-columns: repeat(5, 1fr);
        gap: 1rem;
        row-gap: 1rem;
    }

    .col-6 {
        grid-template-columns: repeat(6, 1fr);
    }
   
}
.fontur {
    font-family: 'Caprasimo', serif;
}