﻿#Grid-1{
    min-height:300px;
    gap: 1rem;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
}

#Grid-2 {
    min-height: 300px;
    gap: 1rem;
    grid-template-columns: auto;
    grid-template-rows: auto auto auto;
}

#OurServicesGrid {
    gap: 1rem;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto auto;
}

.grid-row-all {
    grid-column-start: 1;
    grid-column-end: all;
}

.grid-column-all{
    grid-row-start: 1;
    grid-row-end: all;
}

.grid-column-2-all {
    grid-row-start: 2;
    grid-row-end: all;
}

.ourservices-item{
    min-width: 0px;
}

.grid-item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*Grid Item Images*/
#Grid-1 .grid-item-1 {
    background-image: url('../Content/Images/man spraying.jpg');
}
#Grid-1 .grid-item-2 {
    background-image: url('../Content/Images/glass sealer 1.jpg');
}
#Grid-1 .grid-item-3 {
    background-image: url('../Content/Images/glass sealer 2.jpg');
}
#Grid-1 .grid-item-4 {
    background-image: url('../Content/Images/liquid.jpg');
}
#Grid-2 .grid-item-1 {
    background-image: url('../Content/Images/garage.jpg');
}
#Grid-2 .grid-item-2 {
    background-image: url('../Content/Images/porsche wheel.jpg');
}
#Grid-2 .grid-item-3 {
    background-image: url('../Content/Images/green porsche.jpg');
}
#Grid-2 .grid-item-4 {
    background-image: url('../Content/Images/grey tarmac.jpg');
}
#Grid-2 .grid-item-5 {
    background-image: url('../Content/Images/green lambo.jpg');
}