/* header for see more */

.header-see-more-grid {
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-template-rows: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto; 
	margin-right: auto; 
}

.header-s-m-g-01 { grid-area: 1 / 1 / 2 / 2; 
	background-color: rgba(0,155,255,0.0); 
	position: relative; 
}
	
.header-s-m-g-02 { grid-area: 1 / 2 / 2 / 3;
	text-align: end;
/*	padding-top: 8px;*/
	background-color: rgba(0,155,255,0.0); 
	position: relative; 
}

.contact-grid {
font-family: "Inter-Regular", sans-serif;
	display: grid;
	grid-template-columns: repeat(2, 50%);
/*
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
*/
}

.contact-g-01 { grid-area: 1 / 1 / 2 / 3;
	position: relative;
	padding-top: 30px;
	padding-bottom: 60px;
/*	background-color: black; */
}
.contact-g-02 { grid-area: 2 / 1 / 3 / 2;
	padding-right: 30px;
	padding-bottom: 30px;
}
.contact-g-03 { grid-area: 2 / 2 / 3 / 3;
	padding-left: 30px;
	padding-bottom: 30px;
}

.contact-g-04 { grid-area: 3 / 1 / 4 / 2; 
	padding-right: 30px;
	padding-bottom: 30px;
}

.contact-g-05 { grid-area: 3 / 2 / 4 / 3;
	padding-left: 30px;
	padding-bottom: 30px;
}
.contact-g-02, .contact-g-03, .contact-g-04, .contact-g-05 {
/*	background-color: black; */
	position: relative;	
}


.contact-g-06 {
	color: #f5f5f5;
	position: relative;	
	
}
.hanging-indent {
  text-indent: -20px;
  padding-left: 20px;
}
.just-a-highlight-002 {
	background-color: rgba(77,77,77,0.59);
	padding: 4px 8px;
	border-radius: 10px / 50px;
}
/* mobile view CCC */

@media all and (max-width: 734px) and (min-width: 0px) {
	
.contact-grid {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: repeat(5, auto);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.contact-g-01 { grid-area: 1 / 1 / 2 / 2; 
	padding-top: 30px;
	padding-bottom: 60px;
/*	background-color: black; */
}
.contact-g-02 { grid-area: 2 / 1 / 3 / 2;
	padding-right: 0px;
	padding-bottom: 30px;
}
.contact-g-03 { grid-area: 3 / 1 / 4 / 2;
	padding-left: 0px;
	padding-bottom: 30px;
}

.contact-g-04 { grid-area: 4 / 1 / 5 / 2; 
	padding-right: 0px;
	padding-bottom: 30px;
}

.contact-g-05 { grid-area: 5 / 1 / 6 / 2;
	padding-left: 0px;
	padding-bottom: 30px;
}
	/*
.div1 { grid-area: 
.div2 { grid-area:  }
.div3 { grid-area: ; }
.div4 { grid-area: ; }
.div5 { grid-area: ; }	
*/
	
	
	
}

/* foci-grid
=============== */

.NEW-FOCI-parent {
	display: grid;
	grid-template-columns: repeat(4, auto);
	grid-template-rows: repeat(5, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin-top: 0px;
	margin-bottom: 60px;
}

.n-f-p-1 { grid-area: 1 / 1 / 2 / 2; }
.n-f-p-2 { grid-area: 1 / 2 / 2 / 3; }
.n-f-p-3 { grid-area: 1 / 3 / 2 / 4; }
.n-f-p-4 { grid-area: 1 / 4 / 2 / 5; }
.n-f-p-5 { grid-area: 2 / 1 / 6 / 3; }
.n-f-p-6 { grid-area: 2 / 3 / 6 / 5; }

.n-f-p-1, .n-f-p-2, .n-f-p-3, .n-f-p-4, .n-f-p-5, .n-f-p-6 {
	position: relative;
/*  background-color: rgba(173,255,47,0.26);*/
}

.n-f-left-right-1 { margin-bottom: 20px; }
.n-f-left-right-2 { }
.n-f-left-right-3 { margin-bottom: 20px; }
.n-f-left-right-4 { }



.foci-grid {
	display: grid;
	grid-template-columns: repeat(4, auto);
	grid-template-rows: repeat(3, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin-top: 0px;
	margin-bottom: 60px;
}

.f-g-1 { grid-area: 1 / 1 / 2 / 2; }
.f-g-2 { grid-area: 1 / 2 / 2 / 3; }
.f-g-3 { grid-area: 1 / 3 / 2 / 4; }
.f-g-4 { grid-area: 1 / 4 / 2 / 5; }
.f-g-5 { grid-area: 2 / 1 / 3 / 3; }
.f-g-6 { grid-area: 2 / 3 / 3 / 5; }
.f-g-7 { grid-area: 3 / 1 / 4 / 3; }
.f-g-8 { grid-area: 3 / 3 / 4 / 5; }

.f-g-1, .f-g-2, .f-g-3, .f-g-4, .f-g-5, .f-g-6, .f-g-7, .f-g-8 {
/*	background-color: black;*/
/*	background: linear-gradient(#e66465, #9198e5);*/
	position: relative;
  background-color: black; /* Set background color */
  background-size: 22px 22px; /* Set size of dots */
/*	background: linear-gradient(195deg, #f4f4f4, #1a1a1a);*/
	background: linear-gradient(45deg, rgba(244, 244, 244, 0.2), rgba(26, 26, 26, 0.0));
}

/* faux-jean-grid
=============== */

.faux-jean-grid {
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-template-rows: repeat(4, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin-top: 0px;
	margin-bottom: 60px;
}

.fjdl-g-1 { grid-area: 1 / 1 / 2 / 2; }
.fjdl-g-2 { grid-area: 1 / 2 / 2 / 3; }
.fjdl-g-3 { grid-area: 2 / 1 / 3 / 2; }
.fjdl-g-4 { grid-area: 2 / 2 / 3 / 3; }
.fjdl-g-5 { grid-area: 3 / 1 / 4 / 2; }
.fjdl-g-6 { grid-area: 3 / 2 / 4 / 3; }
.fjdl-g-7 { grid-area: 4 / 1 / 5 / 2; }
.fjdl-g-8 { grid-area: 4 / 2 / 5 / 3; }
.fjdl-g-9 { grid-area: 5 / 1 / 6 / 3; }

.fjdl-g-1, .fjdl-g-2, .fjdl-g-3, .fjdl-g-4, .fjdl-g-5, .fjdl-g-6, .fjdl-g-7, .fjdl-g-8, .fjdl-g-9  {
	background-color: black; 
	position: relative;
}

/* best-buy-grid
=============== */

.best-buy-grid {
	display: grid;
	grid-template-columns: repeat(3, auto);
	grid-template-rows: repeat(4, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin-top: 0px;
	margin-bottom: 60px;
}

.bb-g-1 { grid-area: 1 / 1 / 2 / 4; background-color: black; position: relative; }
.bb-g-2 { grid-area: 2 / 1 / 3 / 4; background-color: black; position: relative; }
.bb-g-3 { grid-area: 3 / 1 / 4 / 4; background-color: black; position: relative; }
.bb-g-4 { grid-area: 4 / 1 / 5 / 2; background-color: black; position: relative; }
.bb-g-5 { grid-area: 4 / 2 / 5 / 3; background-color: black; position: relative; }
.bb-g-6 { grid-area: 4 / 3 / 5 / 4; background-color: black; position: relative; }

/* rozin-grid
=============== */

.rozin-grid {
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-template-rows: repeat(2, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin-top: 0px;
	margin-bottom: 60px;
}

.roz-g-1 { grid-area: 1 / 1 / 2 / 2; background-color: black; position: relative; }
.roz-g-2 { grid-area: 1 / 2 / 2 / 3; background-color: black; position: relative; }
.roz-g-3 { grid-area: 2 / 1 / 3 / 2; background-color: black; position: relative; }
.roz-g-4 { grid-area: 2 / 2 / 3 / 3; background-color: black; position: relative; }


/* target-grid
=============== */

.target-grid {
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-template-rows: repeat(4, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin-top: 0px;
	margin-bottom: 60px;
}

.t-g-1 { 
	grid-area: 1 / 1 / 2 / 2;
	position: relative; 
	background-color: black;
	background-image: url("../products/target/target-logo.svg");
/*	background-image: url("../products/target/001.jpg");*/
  background-repeat: no-repeat;
  background-size: cover;
	background-position: center;
}
.t-g-2 { 
	grid-area: 1 / 2 / 2 / 3; 
	position: relative; 
	background-color: black;
	background-image: url("../products/target/target-logo.svg");
/*	background-image: url("../products/target/002.jpg");*/
  background-repeat: no-repeat;
  background-size: cover;
	background-position: center;
}
.t-g-3 { 
	grid-area: 2 / 1 / 3 / 2;
	position: relative;
	background-color: black;
	background-image: url("../products/target/target-logo.svg");
/*	background-image: url("../products/target/003.jpg");*/
  background-repeat: no-repeat;
  background-size: cover;
	background-position: center;
}
.t-g-4 { 
	grid-area: 2 / 2 / 3 / 3; 
	position: relative;
	background-color: black;
	background-image: url("../products/target/target-logo.svg");
/*	background-image: url("../products/target/004.jpg");*/
  background-repeat: no-repeat;
  background-size: cover;
	background-position: center;
}
.t-g-5 { 
	grid-area: 3 / 1 / 4 / 2; 
	position: relative;
	background-color: black;
	background-image: url("../products/target/target-logo.svg");
/*	background-image: url("../products/target/005.jpg");*/
  background-repeat: no-repeat;
  background-size: cover;
	background-position: center;
}
.t-g-6 { 
	grid-area: 3 / 2 / 4 / 3; 
	position: relative;
	background-color: black;
	background-image: url("../products/target/target-logo.svg");
  background-repeat: no-repeat;
  background-size: cover;
	background-position: center;
}
.t-g-7 { 
	grid-area: 4 / 1 / 5 / 3; 
	position: relative;
	background-color: black;
	background-image: url("../products/target/target-logo.svg");
  background-repeat: no-repeat;
  background-size: cover;
	background-position: center;
}
/*
.target-g-space {
	text-align: right;
	padding-top: 100px; 
	padding-bottom: 100px;
	padding-left: 0px;
	padding-right: 34px; 
}
*/

/* mystic-lake-grid
=============== */

.research-lab-grid {
display: grid;
grid-template-columns: repeat(2, auto);
grid-template-rows: repeat(5, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin-top: 0px;
	margin-bottom: 60px;
}

.rl-g-1 { grid-area: 1 / 1 / 2 / 3; position: relative; }
.rl-g-2 { grid-area: 2 / 1 / 3 / 3; position: relative; }
.rl-g-3 { grid-area: 3 / 1 / 4 / 3; position: relative; }
.rl-g-4 { grid-area: 4 / 1 / 5 / 3; position: relative; }
.rl-g-5 { grid-area: 5 / 1 / 6 / 2; position: relative; }
.rl-g-6 { grid-area: 5 / 2 / 6 / 3; position: relative; }

/* mystic-lake-grid
=============== */

.mystic-lake-grid {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: repeat(2, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin-top: 0px;
	margin-bottom: 60px;
}

.ml-g-1 { grid-area: 1 / 1 / 2 / 2; position: relative; }
.ml-g-2 { grid-area: 2 / 1 / 3 / 2; position: relative; }


/* indi-app-grid
=============== */

.indi-app-grid {
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-template-rows: repeat(2, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin-top: 0px;
	margin-bottom: 60px;
}

.indi-a-g-1 { grid-area: 1 / 1 / 2 / 2; position: relative; }
.indi-a-g-2 { grid-area: 1 / 2 / 2 / 3; position: relative; }
.indi-a-g-3 { grid-area: 2 / 1 / 3 / 2; position: relative; }
.indi-a-g-4 { grid-area: 2 / 2 / 3 / 3; position: relative; }

/* new-pe-grid
=============== */

.new-pe-grid {
	display: grid;
	grid-template-columns: repeat(4, auto);
	grid-template-rows: repeat(3, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin-top: 0px;
	margin-bottom: 60px;
}

.a-new-pe-grid { grid-area: 1 / 1 / 2 / 2; }
.b-new-pe-grid { grid-area: 1 / 2 / 2 / 3; }
.c-new-pe-grid { grid-area: 1 / 3 / 2 / 4; }
.d-new-pe-grid { grid-area: 1 / 4 / 2 / 5; }
.e-new-pe-grid { grid-area: 2 / 1 / 3 / 3; }
.f-new-pe-grid { grid-area: 2 / 3 / 3 / 5; }
.g-new-pe-grid { grid-area: 3 / 1 / 4 / 3; }
.h-new-pe-grid { grid-area: 3 / 3 / 4 / 5; }

 .a-new-pe-grid, .b-new-pe-grid, .c-new-pe-grid,
 .d-new-pe-grid, .e-new-pe-grid, .f-new-pe-grid,
 .g-new-pe-grid, .h-new-pe-grid {
	position: relative;
/*  background-color: rgba(173,255,47,0.26);*/
}

/*
.pe-grid {
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-template-rows: repeat(2, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin-top: 0px;
	margin-bottom: 60px;
}

.pe-g-1 { grid-area: 1 / 1 / 2 / 2; position: relative; }
.pe-g-2 { grid-area: 1 / 2 / 2 / 3; position: relative; }
.pe-g-3 { grid-area: 2 / 1 / 3 / 2; position: relative; }
.pe-g-4 { grid-area: 2 / 2 / 3 / 3; position: relative; }
*/



/* tia-two-grid
=============== */

.tia-two-grid {
	display: grid;
	grid-template-columns: repeat(3, auto);
	grid-template-rows: repeat(10, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin-top: 0px;
	margin-bottom: 60px;
}

.tia-two-G-1 { grid-area: 1 / 1 / 2 / 2; position: relative; }
.tia-two-G-2 { grid-area: 1 / 2 / 2 / 3; position: relative; }
.tia-two-G-3 { grid-area: 1 / 3 / 2 / 4; position: relative; }
.tia-two-G-4 { grid-area: 2 / 1 / 3 / 2; position: relative; }
.tia-two-G-5 { grid-area: 2 / 2 / 3 / 3; position: relative; }
.tia-two-G-6 { grid-area: 2 / 3 / 3 / 4; position: relative; }
.tia-two-G-7 { grid-area: 3 / 1 / 4 / 2; position: relative; }
.tia-two-G-8 { grid-area: 3 / 2 / 4 / 3; position: relative; }
.tia-two-G-9 { grid-area: 3 / 3 / 4 / 4; position: relative; }
.tia-two-G-10 { grid-area: 4 / 1 / 5 / 2; position: relative; }
.tia-two-G-11 { grid-area: 4 / 2 / 5 / 3; position: relative; }
.tia-two-G-12 { grid-area: 4 / 3 / 5 / 4; position: relative; }
.tia-two-G-13 { grid-area: 5 / 1 / 6 / 2; position: relative; }
.tia-two-G-14 { grid-area: 5 / 2 / 6 / 3; position: relative; }
.tia-two-G-15 { grid-area: 5 / 3 / 6 / 4; position: relative; }
.tia-two-G-16 { grid-area: 6 / 1 / 7 / 2; position: relative; }
.tia-two-G-17 { grid-area: 6 / 2 / 7 / 3; position: relative; }
.tia-two-G-18 { grid-area: 6 / 3 / 7 / 4; position: relative; }
.tia-two-G-19 { grid-area: 7 / 1 / 8 / 2; position: relative; }
.tia-two-G-20 { grid-area: 7 / 2 / 8 / 3; position: relative; }
.tia-two-G-21 { grid-area: 7 / 3 / 8 / 4; position: relative; }
.tia-two-G-22 { grid-area: 8 / 1 / 9 / 2; position: relative; }
.tia-two-G-23 { grid-area: 8 / 2 / 9 / 3; position: relative; }
.tia-two-G-24 { grid-area: 8 / 3 / 9 / 4; position: relative; }
.tia-two-G-25 { grid-area: 9 / 1 / 10 / 2; position: relative; }
.tia-two-G-26 { grid-area: 9 / 2 / 10 / 3; position: relative; }
.tia-two-G-27 { grid-area: 9 / 3 / 10 / 4; position: relative; }

.tia-two-G-28 { grid-area: 10 / 1 / 11 / 4; position: relative; }

/*
.tia-two-G-28 { grid-area: 10 / 1 / 11 / 2; position: relative; }
.tia-two-G-29 { grid-area: 10 / 2 / 11 / 3; position: relative; }
.tia-two-G-30 { grid-area: 10 / 3 / 11 / 4; position: relative; }
*/

/* tia-grid
=============== */

.tia-grid {
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-template-rows: repeat(4, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin-top: 0px;
	margin-bottom: 60px;
}

.TIA-G-1 { grid-area: 1 / 1 / 2 / 2; position: relative; }
.TIA-G-2 { grid-area: 1 / 2 / 2 / 3; position: relative; }
.TIA-G-3 { grid-area: 2 / 1 / 3 / 2; position: relative; }
.TIA-G-4 { grid-area: 2 / 2 / 3 / 3; position: relative; }
.TIA-G-5 { grid-area: 3 / 1 / 4 / 2; position: relative; }
.TIA-G-6 { grid-area: 3 / 2 / 4 / 3; position: relative; }
.TIA-G-7 { grid-area: 4 / 1 / 5 / 3; position: relative; }

/* inde-logo-grid
=============== */

.indi-logo-grid {
	display: grid;
	grid-template-columns: repeat(3, auto);
	grid-template-rows: repeat(4, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin-top: 0px;
	margin-bottom: 60px;
}

.ILG-1 { grid-area: 1 / 1 / 2 / 4; position: relative; }
.ILG-2 { grid-area: 2 / 1 / 3 / 2; position: relative; }
.ILG-3 { grid-area: 2 / 2 / 3 / 3; position: relative; }
.ILG-4 { grid-area: 2 / 3 / 3 / 4; position: relative; }
.ILG-5 { grid-area: 3 / 1 / 4 / 2; position: relative; }
.ILG-6 { grid-area: 3 / 2 / 4 / 3; position: relative; }
.ILG-7 { grid-area: 3 / 3 / 4 / 4; position: relative; }
.ILG-8 { grid-area: 4 / 1 / 5 / 2; position: relative; }
.ILG-9 { grid-area: 4 / 2 / 5 / 3; position: relative; }
.ILG-10 { grid-area: 4 / 3 / 5 / 4; position: relative; }

.indi-logo-nested {
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-template-rows: auto;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}

.ILN-1 { grid-area: 1 / 1 / 2 / 2; position: relative; }
.ILN-2 { grid-area: 1 / 2 / 2 / 3; position: relative; }


/* tech-sum-grid
=============== */

.tech-sum-grid {
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-template-rows: repeat(3, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin-top: 0px;
	margin-bottom: 60px;
}

.tsg-1 { grid-area: 1 / 1 / 2 / 2; position: relative; }
.tsg-2 { grid-area: 1 / 2 / 2 / 3; position: relative; }
.tsg-3 { grid-area: 2 / 1 / 3 / 3; position: relative; }
.tsg-4 { grid-area: 3 / 1 / 4 / 3; }

.tech-sum-nest {
display: grid;
grid-template-columns: repeat(3, auto);
grid-template-rows: repeat(2, auto);
grid-column-gap: 20px;
grid-row-gap: 20px;
}

.tsn-1 { grid-area: 1 / 1 / 2 / 2; position: relative; }
.tsn-2 { grid-area: 1 / 2 / 2 / 3; position: relative; }
.tsn-3 { grid-area: 1 / 3 / 2 / 4; position: relative; }
.tsn-4 { grid-area: 2 / 1 / 3 / 2; position: relative; }
.tsn-5 { grid-area: 2 / 2 / 3 / 3; position: relative; }
.tsn-6 { grid-area: 2 / 3 / 3 / 4; position: relative; }

/* k2-md-grid
=============== */

.k2-md-grid {
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-template-rows: repeat(2, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin-top: 0px;
	margin-bottom: 60px;
}

.div-k2-md-grid-1 { grid-area: 1 / 1 / 2 / 2; position: relative; }
.div-k2-md-grid-2 { grid-area: 1 / 2 / 2 / 3; position: relative; }
.div-k2-md-grid-3 { grid-area: 2 / 1 / 3 / 3; position: relative; }



/* atomic-grid
=============== */

.atomic-grid {
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-template-rows: repeat(5, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin-top: 0px;
	margin-bottom: 60px;
}

.div-atomic-grid-1 { grid-area: 1 / 1 / 2 / 2; position: relative; }
.div-atomic-grid-2 { grid-area: 1 / 2 / 2 / 3; position: relative; }
.div-atomic-grid-3 { grid-area: 2 / 1 / 3 / 2; position: relative; }
.div-atomic-grid-4 { grid-area: 2 / 2 / 3 / 3; position: relative; }
.div-atomic-grid-5 { grid-area: 3 / 1 / 4 / 3; position: relative; }
.div-atomic-grid-6 { grid-area: 4 / 1 / 5 / 3; position: relative; }
.div-atomic-grid-7 { grid-area: 5 / 1 / 6 / 2; position: relative; }
.div-atomic-grid-8 { grid-area: 5 / 2 / 6 / 3; position: relative; }

/* etica-logo-grid
=============== */

.etica-logo-grid {
	display: grid;
	grid-template-columns: repeat(3, auto);
	grid-template-rows: repeat(2, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;

	margin-top: 0px;
	margin-bottom: 60px;
}

.div-etica-logo-grid-1 { grid-area: 1 / 1 / 2 / 4; position: relative; }
.div-etica-logo-grid-2 { grid-area: 2 / 1 / 3 / 2; position: relative; }
.div-etica-logo-grid-3 { grid-area: 2 / 2 / 3 / 3; position: relative; }
.div-etica-logo-grid-4 { grid-area: 2 / 3 / 3 / 4; position: relative; }

/* nike-grid
=============== */

.nike-grid {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: repeat(3, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;

	margin-top: 0px;
	margin-bottom: 60px;
}

.div-nike-grid-1 { grid-area: 1 / 1 / 2 / 2; position: relative; }
.div-nike-grid-2 { grid-area: 2 / 1 / 3 / 2; position: relative; }
.div-nike-grid-3 { grid-area: 3 / 1 / 4 / 2; position: relative; }

/* harley-d-grid
=============== */

.harley-d-grid {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;
	grid-column-gap: 20px;
	grid-row-gap: 20px;

	margin-top: 0px;
	margin-bottom: 60px;
}

.div-harley-d-grid-1 { grid-area: 1 / 1 / 2 / 2; position: relative; }

/* antirom-d-grid
=============== */

.antirom-d-grid {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;
	grid-column-gap: 20px;
	grid-row-gap: 20px;

	margin-top: 0px;
	margin-bottom: 60px;
}

.div-antirom-d-grid-1 { grid-area: 1 / 1 / 2 / 2; position: relative; }

/* goue_grid
=============== */

.simon-schuster-grid {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: repeat(2, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;

	margin-top: 0px;
	margin-bottom: 60px;
}

.div-simon-schuster-grid-1 { grid-area: 1 / 1 / 2 / 2; position: relative; }
.div-simon-schuster-grid-2 { grid-area: 2 / 1 / 3 / 2; position: relative; }

/* goue_grid
=============== */

.goue_grid {
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-template-rows: repeat(2, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;

	margin-top: 0px;
	margin-bottom: 60px; 
	margin-left: auto; 
	margin-right: auto; 

	/*max-width: 1200px;*/
	/*	background-color: black;*/
}

.div-goue_grid-1 { grid-area: 1 / 1 / 2 / 2; position: relative; }
.div-goue_grid-2 { grid-area: 1 / 2 / 2 / 3; position: relative; }
.div-goue_grid-3 { grid-area: 2 / 1 / 3 / 2; position: relative; }
.div-goue_grid-4 { grid-area: 2 / 2 / 3 / 3; position: relative; }


/* calesa_grid
=============== */

.calesa_grid {
	display: grid;
	grid-template-columns: repeat(3, auto);
	grid-template-rows: repeat(3, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;

	margin-top: 0px;
	margin-bottom: 60px; 
	margin-left: auto; 
	margin-right: auto; 
	
	/*max-width: 1200px;*/
	/*	background-color: black;*/
}

.div-calesa_grid-1 { 
	grid-area: 1 / 1 / 2 / 4; background-color: rgba(0,155,255,0.00); position: relative; }
	
.div-calesa_grid-2 { 
	grid-area: 2 / 1 / 3 / 4; background-color: rgba(0,155,255,0.00); position: relative; }
	
.div-calesa_grid-3 { 
	grid-area: 3 / 1 / 4 / 2; background-color: rgba(0,155,255,0.00); position: relative; }
	
.div-calesa_grid-4 { 
	grid-area: 3 / 2 / 4 / 3; background-color: rgba(0,155,255,0.00); position: relative; }
	
.div-calesa_grid-5 { 
	grid-area: 3 / 3 / 4 / 4; background-color: rgba(0,155,255,0.00); position: relative; }
		
.calesa-nested {
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-template-rows: auto;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}

.nested-1 { grid-area: 1 / 1 / 2 / 2; position: relative; }
.nested-2 { grid-area: 1 / 2 / 2 / 3; position: relative; }

/* porsche_grid
=============== */

.porsche_grid {
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-template-rows: repeat(4, auto);
	grid-column-gap: 20px;
	grid-row-gap: 20px;

	margin-top: 0px;
	margin-bottom: 60px; 
	margin-left: auto; 
	margin-right: auto; 
/*	max-width: 1200px;*/
/*	background-color: black;*/
}

.div-porsche-1 { grid-area: 1 / 1 / 2 / 2; 
	
}
.div-porsche-2 { grid-area: 1 / 2 / 2 / 3;

}
.div-porsche-3 { grid-area: 2 / 1 / 3 / 3;

}
.div-porsche-4 { grid-area: 3 / 1 / 4 / 3;

}
.div-porsche-5 { grid-area: 4 / 1 / 5 / 3;

}

.div-porsche-1, .div-porsche-2, .div-porsche-3, .div-porsche-4, .div-porsche-5, .div-porsche-6, .div-porsche-7, .div-porsche-8, .div-porsche-9, .div-porsche-10 {
	position: relative;
/*	background-color: rgba(0,255,255,0.20)*/
}