#homemainbg {
    display: block;
    background-position: 25% 50%;
    background-image: url("../img/kv-fd-strawberries.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.lyovapor {
    display: block;
    background-position: 80% 80%;
    background-image: url("../img/kv-lyo-vapor.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.chamberlg {
    display: block;
    background-position: 80% 80%;
    background-image: url("../img/kv-chambers-long.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.cardcat {
    display: grid;
	grid-auto-rows: minmax(150px, auto);
}
.dlcard {
    display: grid;
    align-items: stretch;
}
.dlend {
    align-self: flex-end;
}
.dlhead {
    align-self: flex-start;
}
.catnmb {
    font-size: 6rem;
}
.grid-vc {
  display: grid;
  justify-items: center;
  align-items: center;
}
.headcat {
      box-shadow: 2px 2px 10px rgba(255, 255, 255, 0.1) inset, -5px -8px 8px rgba(0,0,0,0.2) inset;
}
.catimg {
    aspect-ratio: 1 / 1;
}
.catimg img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
}
@media screen and (max-width:1140px) {
       .catimg {
        max-width: 300px;
        max-height: 300px;
        width: 100%;

    } 
}

@media screen and (max-width:1024px) {
    .catimg {
        max-width: 200px;
        max-height: 200px;
        width: 100%;

    }
    .catnmb {font-size: 3rem;}
}