.rammi div{
    border: 1px dotted var(--nc-tx-1);
    padding: 1rem;
    text-align: center;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6 {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 1rem;

}
.rammi div:last-child{
    margin-bottom: 1rem;
}
/*main,footer{
    margin: .5rem;
}*/
/*      VERTICAL ALIGN BOTTOM ER LAUSNIN VIÐ KRAKKANUM       */

/*FARTÖLVUR*/
@media screen and (min-width:37.5rem){
    /*main, footer, .container{
        max-width: 37.5rem;
        margin: auto;
    }*/
}    

/*ipads*/
@media screen and (min-width: 48rem) {
    .landing {
    display: grid;
    grid-template-columns: 1fr 1fr; 
    gap: 20px; 
  }
  .section {
    border: 1px solid #ccc; 
    padding: 20px; 
  }

    .col-2{
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
        row-gap: 2rem;
    }
    .col-3{
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
        row-gap: 1rem;
    }
    .col-4{
        grid-template-columns: repeat(4, 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);
        gap: 1rem;
        row-gap: 1rem;
    }
    .rammi div {
        margin-bottom: 1rem;
    }
}
/*FARTÖLVUR*/
@media screen and (min-width:60rem){
    main, footer, .container{
        max-width: 60rem;
        margin: auto;
    }
    
}
/*TÖLVUSKJÁIR*/
@media screen and (min-width:80rem){
    main, footer, .container{
        max-width: 80rem;
        margin: auto;
    }
    
}
/*Stærriskjáir*/
@media screen and (min-width:100rem){
    /*main, footer, .container{
        max-width: 100rem;
        margin: auto;
    }*/
    
}