#gridHolder{
background-color: white;
position:relative;
top:0;
margin:0;
height:100%;
width:100%;
padding-top:0%;
padding-bottom:0%;
}
#homegrid {
position:relative;
top:0;
left:0;
display: inline-grid;
height:100%;
width:auto;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 50% 50%;
grid-gap: 5px;
margin-left:15px;
margin-right:15px;
padding:0;
}

.homegrid__img {
    width: 100%;
    height: 100%;
    margin:0;
    padding:0;
    outline:0;
    object-fit: cover;
}
figure {
	 margin:0;
    padding:0;
    display: inline;
    position:relative;
    } 
.homegrid__item--1 {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
}
.homegrid__item--2 {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}
.homegrid__item--3 {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
}
.homegrid__item--4 {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
}
.homegrid__item--5 {
	grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
}
.homegrid__item--6 {
grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    
}
.homegrid__item--7 {
	grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
}
.homegrid__item--8 {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3;
}
@media screen and (max-width: 570px) {
/* change home grid to two columns */
#homegrid {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 25% 25% 25% 25%;
}
.homegrid__item--1 {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
}
.homegrid__item--2 {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}
.homegrid__item--3 {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
}
.homegrid__item--4 {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
}
.homegrid__item--5 {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
}
.homegrid__item--6 {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
}
.homegrid__item--7 {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 5;
}
.homegrid__item--8 {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 5;
}
#header{height:40px;}
#content{height:98%;}
#inner{top:0 !important;}
}


@media only screen and (min-device-width: 470px) and (max-device-width: 570px) and (orientation:landscape) {
/* for small phones */
#homegrid {
position:relative;
top:0;
left:0;
display: inline-grid;
height:100%;
width:auto;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 50% 50%;
grid-gap: 5px;
margin-left:15px;
margin-right:15px;
padding:0;
}

.homegrid__img {
    width: 100%;
    height: 100%;
    margin:0;
    padding:0;
    outline:0;
    object-fit: cover;
}
figure {
	 margin:0;
    padding:0;
    display: inline;
    position:relative;
    } 
.homegrid__item--1 {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
}
.homegrid__item--2 {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}
.homegrid__item--3 {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
}
.homegrid__item--4 {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
}
.homegrid__item--5 {
	grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
}
.homegrid__item--6 {
grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    
}
.homegrid__item--7 {
	grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
}
.homegrid__item--8 {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3;
}
}