/*=============================
==============================
CSS for Futura Showcase site
Website: N/A
Author: Mariah Klueh
Date: 2020
License: GNU Public License
----------------------
Table of contents
----------------------
1.0 General Styles
2.0 Font Styles
3.0 Main Navigation
4.0 Content Styles
5.0 Grid===========================
================================*/

/*=============================
	Main Nav
============================*/
* {
  padding:0;
  margin:0;
  box-sizing:border-box;
}
#main-nav a {

	text-decoration: none;
	color:#FFFFFF;
	width:80px;
	height:30ps;
	line-height:30px;
	background-color:#FFE100;
	margin:0 auto;
}

#main-nav li {
	text-align: center;
	list-style-type: none; 
}

#main-nav a:hover {
	color: blue;
}

#main-nav {
	position: fixed;
	z-index: 9999;
	top: 0;
	width: 100%;
	background-color: #FFE100;
}

#main-nav ul {
	width:50%;
	margin:0 auto;
	padding: 20px;
	-webkit-columns: 4 50px;
	-moz-columns: 4 50px;
	columns: 4 50px;
	background-color: #FFE100;
}

/*=============================
	General Styles
============================*/
html, body {   
		width:100%;
		height:100%;}

h1, h3, p, li
{
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	font-style: normal;
}

/*=============================
	Font Styles
============================*/

h1, h2, h3, h4, h5, h6, ul, li, p,
caption, a, span, em, strong {   
	font-family: Futura PT;   
	font-style: normal;
}

li {
	color: white;
	font-size: 30px;   
	font-weight: 400;
	text-align: right;
}

h1 {
	color: white;
	font-size: 273pt;   
	font-weight: bold;
	text-align: center;
}

h2 {   
	color: blue;
	font-size: 150pt;   
	font-weight: 400;
	text-align: center;
}

h3 {   
	color: blue;
	font-size: 70pt;   
	font-weight: 400;
	text-align: left;
}

p {
	color: blue;
	font-size: 24pt;
	font-weight: 400;
	text-align: left;
	line-height: 2;
}

/* =======================
 	Container Styles for
	Background-color 
======================= */
.intro-container {
  background-color:#FFE100;
  padding:0px 0 0px 0;
  Width: 100%;
}

.anatomy-container {
	background-color:#FFFFFF
	padding:0px 0 0px 0;
}

.glyphs-container {
  background-color:#FFE100;
  padding:0px 0 0px 0;
}

.history-container {
  background-color:#FFFFFF;
  padding:0px 0 0px 0;
}

.in-use-container {
  background-color:#FFE100;
  padding:0px 0 0px 0;
}

/*=============================
	Video Styles
============================*/
Video {
	margin: 0;
	padding:0;
}


/*=============================
	Grid
============================*/
.grid-container {
  Border: 1px;
  Max-width:1920px;
  Margin:0 auto;
  Padding:0;
  display: grid;
  grid-gap: 0px 0px;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: 200px;
}

.grid-item {
	grid-column: span 1;
  	overflow:hidden;
	border: 4px solid blue;
}
				/* intro container*/

.title-video {
	grid-column-start: 1;
	grid-column-end: span 12;
	grid-row-start: 2;
	grid-row-end: span 5;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.main-nav {
	grid-column-start: 1;
	grid-column-end: span 12;
	grid-row-start: 1;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.F_anatomy {
	grid-column-start: 8;
	grid-column-end: span 5;
	grid-row-start: 7;
	grid-row-end: span 7;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;

}

.geometric {
	grid-column-start: 10;
	grid-column-end: span 1;
	grid-row-start: 9;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;

}
				/* anatomy container*/

.U_anatomy {
	Grid-column-start: 1;
	Grid-column-end: span 7;
	Grid-row-start: 1;
	grid-row-end: span 9;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.near-even {
	Grid-column-start: 4;
	Grid-column-end: span 2;
	Grid-row-start: 3;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.a {
	Grid-column-start: 8;
	Grid-column-end: span 2;
	Grid-row-start: 1;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;

}

.n {
	Grid-column-start: 8;
	Grid-column-end: span 2;
	Grid-row-start: 2;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.a2 {
	Grid-column-start: 8;
	Grid-column-end: span 2;
	Grid-row-start: 3;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.t {
	Grid-column-start: 8;
	Grid-column-end: span 2;
	Grid-row-start: 4;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.o {
	Grid-column-start: 8;
	Grid-column-end: span 2;
	Grid-row-start: 5;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.m {
	Grid-column-start: 8;
	Grid-column-end: span 2;
	Grid-row-start: 6;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.y {
	Grid-column-start: 8;
	Grid-column-end: span 2;
	Grid-row-start: 7;
	grid-row-end: span 2;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.t_anatomy {
	Grid-column-start: 5;
	Grid-column-end: span 3;
	Grid-row-start: 9;
	grid-row-end: span 5;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.lowercase {
	Grid-column-start: 2;
	Grid-column-end: span 3;
	Grid-row-start: 11;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}



.g {
	Grid-column-start: 5;
	Grid-column-end: span 2;
	Grid-row-start: 14;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;

}

.l {
	Grid-column-start: 5;
	Grid-column-end: span 2;
	Grid-row-start: 16;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.y2 {
	Grid-column-start: 5;
	Grid-column-end: span 2;
	Grid-row-start: 18;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.p {
	Grid-column-start: 5;
	Grid-column-end: span 2;
	Grid-row-start: 20;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.h {
	Grid-column-start: 5;
	Grid-column-end: span 2;
	Grid-row-start: 22;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.s {
	Grid-column-start: 5;
	Grid-column-end: span 2;
	Grid-row-start: 24;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-video {
	grid-column-start: 1;
	grid-column-end: span 12;
	grid-row-start: 26;
	grid-row-end: span 5;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

				/* glyphs container*/

.Uu_glyphs {
	Grid-column-start: 7;
	Grid-column-end: span 6;
	Grid-row-start: 1;
	grid-row-end: span 3;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.Rr_glyphs {
	Grid-column-start: 1;
	Grid-column-end: span 6;
	Grid-row-start: 4;
	grid-row-end: span 3;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.ABC {
	Grid-column-start: 6;
	Grid-column-end: span 7;
	Grid-row-start: 7;
	Grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.HIJ {
	Grid-column-start: 6;
	Grid-column-end: span 7;
	Grid-row-start: 8;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.OPQ {
	Grid-column-start: 6;
	Grid-column-end: span 7;
	Grid-row-start: 9;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.VWX {
	Grid-column-start: 6;
	Grid-column-end: span 7;
	Grid-row-start: 10;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.one { 
	Grid-column-start: 1; 
	Grid-column-end: span 7;
	Grid-row-start: 11;
	Grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.two {
	Grid-column-start: 1; 
	Grid-column-end: span 7;
	Grid-row-start: 12;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.three {
	Grid-column-start: 1; 
	Grid-column-end: span 7;
	Grid-row-start: 13;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.four {   
	Grid-column-start: 1; 
	Grid-column-end: span 7;
	Grid-row-start: 14;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.paul-renner1 {
	Grid-column-start: 2;
	Grid-column-end: span 5;
	Grid-row-start: 15;
	Grid-row-end: span 5;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

				/* history container*/
.A_history {
	Grid-column-start: 6;
	Grid-column-end: span 6;
	Grid-row-start:  32;
	grid-row-end: span 4;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.h2 {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 1;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.i {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 2;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.s2 {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 3;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.t2 {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 4;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.o2 {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 5;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.r2 {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 6;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.y3 {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 7;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-video {
	Grid-column-start: 5;
	Grid-column-end: span 4;
	Grid-row-start: 24;
	grid-row-end: span 6;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
	transform: rotate(90deg);
}

.paragraph_one {
	grid-column-start: 2; 
	grid-column-end: span 4;
	grid-row-start: 3;
	grid-row-end: span 6;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.paragraph_two {
	grid-column-start: 8; 
	grid-column-end: span 4;
	grid-row-start: 9;
	grid-row-end: span 5;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.paragraph_three {
	grid-column-start: 2; 
	grid-column-end: span 4;
	grid-row-start: 14;
	grid-row-end: span 6;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.paragraph_four {
	grid-column-start: 8; 
	grid-column-end: span 4;
	grid-row-start: 20;
	grid-row-end: span 5;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.paragraph_five {
	grid-column-start: 2; 
	grid-column-end: span 4;
	grid-row-start: 25;
	grid-row-end: span 4;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.paragraph_six {
	grid-column-start: 8; 
	grid-column-end: span 4;
	grid-row-start: 29;
	grid-row-end: span 7;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}
				/* in use container*/

.i2 {
	Grid-column-start: 6;
	Grid-column-end: span 1;
	Grid-row-start: 4;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.n2 {
	Grid-column-start: 6;
	Grid-column-end: span 1;
	Grid-row-start: 5;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.u {
	Grid-column-start: 6;
	Grid-column-end: span 1;
	Grid-row-start: 8;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.s3 {
	Grid-column-start: 6;
	Grid-column-end: span 1;
	Grid-row-start: 9;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.e {
	Grid-column-start: 6;
	Grid-column-end: span 1;
	Grid-row-start: 10;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.nike {
	Grid-column-start: 3;
	Grid-column-end: span 4;
	Grid-row-start: 2;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.FedEx {
	Grid-column-start: 7;
	Grid-column-end: span 4;
	Grid-row-start: 6;
	grid-row-end: span 2;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.google2 {
	Grid-column-start: 3;
	Grid-column-end: span 4;
	Grid-row-start: 11;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

/* =======================

 Responsive Layouts 1200

======================= */


@media only screen and (max-width: 1200px) {
	.intro-container > .grid-container,
	.anatomy-container > .grid-container,
	.glyphs-container > .grid-container,
	.history-container > .grid-container, 
	.in-use-container > .grid-container

	{
		grid-template-columns: repeat(8, 1fr);
		grid-auto-rows: minmax(100px, auto);
	}

 /* =======================
     Fonts for @media 1200px
    ======================= */

li {
	color: white;
	font-size: 30px;   
	font-weight: 400;
	text-align: right;
}

h1 {
	color: white;
	font-size: 273pt;   
	font-weight: bold;
	text-align: center;
}

h2 {   
	color: blue;
	font-size: 140pt;   
	font-weight: 400;
	text-align: center;
}

h3 {   
	color: blue;
	font-size: 50pt;   
	font-weight: 400;
	text-align: left;
}

p {
	color: blue;
	font-size: 24pt;
	font-weight: 400;
	text-align: left;
	line-height: 2;
}

				/* 1200 intro container*/

.intro-container .title-video {
	grid-column-start: 1;
	grid-column-end: span 8;
	grid-row-start: 2;
	grid-row-end: span 6;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.intro-container .main-nav {
	grid-column-start: 1;
	grid-column-end: span 8;
	grid-row-start: 1;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.intro-container .F_anatomy {
	grid-column-start: 4;
	grid-column-end: span 5;
	grid-row-start: 8;
	grid-row-end: span 7;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;

}

.intro-container .geometric {
	grid-column-start: 6;
	grid-column-end: span 1;
	grid-row-start: 10;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;

}

				/* 1200 anatomy container*/

.anatomy-container .U_anatomy {
	Grid-column-start: 1;
	Grid-column-end: span 5;
	Grid-row-start: 1;
	grid-row-end: span 6;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.anatomy-container .near-even {
	Grid-column-start: 3;
	Grid-column-end: span 2;
	Grid-row-start: 2;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.anatomy-container .a {
	Grid-column-start: 6;
	Grid-column-end: span 2;
	Grid-row-start: 1;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;

}

.anatomy-container .n {
	Grid-column-start: 6;
	Grid-column-end: span 2;
	Grid-row-start: 2;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.anatomy-container .a2 {
	Grid-column-start: 6;
	Grid-column-end: span 2;
	Grid-row-start: 3;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.anatomy-container .t {
	Grid-column-start: 6;
	Grid-column-end: span 2;
	Grid-row-start: 4;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.anatomy-container .o {
	Grid-column-start: 6;
	Grid-column-end: span 2;
	Grid-row-start: 5;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.anatomy-container .m {
	Grid-column-start: 6;
	Grid-column-end: span 2;
	Grid-row-start: 6;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.anatomy-container .y {
	Grid-column-start: 6;
	Grid-column-end: span 2;
	Grid-row-start: 7;
	grid-row-end: span 2;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.anatomy-container .t_anatomy {
	Grid-column-start: 3;
	Grid-column-end: span 3;
	Grid-row-start: 9;
	grid-row-end: span 5;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.anatomy-container .lowercase {
	Grid-column-start: 1;
	Grid-column-end: span 2;
	Grid-row-start: 11;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.anatomy-container .g {
	Grid-column-start: 3;
	Grid-column-end: span 2;
	Grid-row-start: 14;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;

}

.anatomy-container .l {
	Grid-column-start: 3;
	Grid-column-end: span 2;
	Grid-row-start: 16;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.anatomy-container .y2 {
	Grid-column-start: 3;
	Grid-column-end: span 2;
	Grid-row-start: 18;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.anatomy-container .p {
	Grid-column-start: 3;
	Grid-column-end: span 2;
	Grid-row-start: 20;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.anatomy-container .h {
	Grid-column-start: 3;
	Grid-column-end: span 2;
	Grid-row-start: 22;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.anatomy-container .s {
	Grid-column-start: 3;
	Grid-column-end: span 2;
	Grid-row-start: 24;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.anatomy-container .glyphs-video {
	grid-column-start: 1;
	grid-column-end: span 8;
	grid-row-start: 26;
	grid-row-end: span 5;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

				/* 1200 glyphs container*/

.glyphs-container .Uu_glyphs {
	Grid-column-start: 4;
	Grid-column-end: span 5;
	Grid-row-start: 1;
	grid-row-end: span 4;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .Rr_glyphs {
	Grid-column-start: 1;
	Grid-column-end: span 5;
	Grid-row-start: 5;
	grid-row-end: span 4;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.glyphs-container .ABC {
	Grid-column-start: 4;
	Grid-column-end: span 5;
	Grid-row-start: 9;
	Grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .HIJ {
	Grid-column-start: 4;
	Grid-column-end: span 5;
	Grid-row-start: 10;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .OPQ {
	Grid-column-start: 4;
	Grid-column-end: span 5;
	Grid-row-start: 11;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .VWX {
	Grid-column-start: 4;
	Grid-column-end: span 5;
	Grid-row-start: 12;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .one { 
	Grid-column-start: 1; 
	Grid-column-end: span 4;
	Grid-row-start: 13;
	Grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.glyphs-container .two {
	Grid-column-start: 1; 
	Grid-column-end: span 4;
	Grid-row-start: 14;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.glyphs-container .three {
	Grid-column-start: 1; 
	Grid-column-end: span 4;
	Grid-row-start: 15;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.glyphs-container .four {   
	Grid-column-start: 1; 
	Grid-column-end: span 4;
	Grid-row-start: 16;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.glyphs-container .paul-renner1 {
	Grid-column-start: 4;
	Grid-column-end: span 5;
	Grid-row-start: 17;
	Grid-row-end: span 5;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

				/* 1200 history container*/

.history-container .A_history {
	Grid-column-start: 3;
	Grid-column-end: span 6;
	Grid-row-start: 37;
	grid-row-end: span 4;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .h2 {
	Grid-column-start: 7;
	Grid-column-end: span 1;
	Grid-row-start: 1;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .i {
	Grid-column-start: 7;
	Grid-column-end: span 1;
	Grid-row-start: 2;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.history-container .s2 {
	Grid-column-start: 7;
	Grid-column-end: span 1;
	Grid-row-start: 3;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .t2 {
	Grid-column-start: 7;
	Grid-column-end: span 1;
	Grid-row-start: 4;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.history-container .o2 {
	Grid-column-start: 7;
	Grid-column-end: span 1;
	Grid-row-start: 5;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .r2 {
	Grid-column-start: 7;
	Grid-column-end: span 1;
	Grid-row-start: 6;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.history-container .y3 {
	Grid-column-start: 7;
	Grid-column-end: span 1;
	Grid-row-start: 7;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .history-video {
	Grid-column-start: 4;
	Grid-column-end: span 4;
	Grid-row-start: 27;
	grid-row-end: span 6;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
	transform: rotate(90deg);
}

.history-container .paragraph_one {
	grid-column-start: 2; 
	grid-column-end: span 4;
	grid-row-start: 3;
	grid-row-end: span 6;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .paragraph_two {
	grid-column-start: 5; 
	grid-column-end: span 4;
	grid-row-start: 9;
	grid-row-end: span 5;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .paragraph_three {
	grid-column-start: 2; 
	grid-column-end: span 4;
	grid-row-start: 15;
	grid-row-end: span 6;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .paragraph_four {
	grid-column-start: 5; 
	grid-column-end: span 4;
	grid-row-start: 22;
	grid-row-end: span 5;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .paragraph_five {
	grid-column-start: 2; 
	grid-column-end: span 4;
	grid-row-start: 28;
	grid-row-end: span 4;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .paragraph_six {
	grid-column-start: 5; 
	grid-column-end: span 4;
	grid-row-start: 33;
	grid-row-end: span 7;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

				/* 1200 in use container*/

.in-use-container .i2 {
	Grid-column-start: 4;
	Grid-column-end: span 1;
	Grid-row-start: 4;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.in-use-container .n2 {
	Grid-column-start: 4;
	Grid-column-end: span 1;
	Grid-row-start: 5;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.in-use-container .u {
	Grid-column-start: 4;
	Grid-column-end: span 1;
	Grid-row-start: 8;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.in-use-container .s3 {
	Grid-column-start: 4;
	Grid-column-end: span 1;
	Grid-row-start: 9;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.in-use-container .e {
	Grid-column-start: 4;
	Grid-column-end: span 1;
	Grid-row-start: 10;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.in-use-container .nike {
	Grid-column-start: 2;
	Grid-column-end: span 3;
	Grid-row-start: 2;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.in-use-container .FedEx {
	Grid-column-start: 5;
	Grid-column-end: span 3;
	Grid-row-start: 6;
	grid-row-end: span 2;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.in-use-container .google2 {
	Grid-column-start: 2;
	Grid-column-end: span 3;
	Grid-row-start: 11;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

/* =======================

 Responsive Layouts 768

======================= */


@media only screen and (max-width: 768px) {
	.intro-container > .grid-container,
	.anatomy-container > .grid-container,
	.glyphs-container > .grid-container,
	.history-container > .grid-container, 
	.in-use-container > .grid-container

	{
		grid-template-columns: repeat(8, 1fr);
		grid-auto-rows: minmax(100px, auto);
	}

 /* =======================
     Fonts for @media 768px
    ======================= */

li {
	color: white;
	font-size: 24px;   
	font-weight: 400;
	text-align: right;
}

h1 {
	color: white;
	font-size: 273pt;   
	font-weight: bold;
	text-align: center;
}

h2 {   
	color: blue;
	font-size: 140pt;   
	font-weight: 400;
	text-align: center;
}

h3 {   
	color: blue;
	font-size: 40pt;   
	font-weight: 400;
	text-align: left;
}

p {
	color: blue;
	font-size: 24pt;
	font-weight: 400;
	text-align: left;
	line-height: 2;
}

				/* 768 intro container*/

.intro-container .title-video {
	grid-column-start: 1;
	grid-column-end: span 8;
	grid-row-start: 2;
	grid-row-end: span 5;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.intro-container .main-nav {
	grid-column-start: 1;
	grid-column-end: span 8;
	grid-row-start: 1;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.intro-container .F_anatomy {
	grid-column-start: 1;
	grid-column-end: span 8;
	grid-row-start: 7;
	grid-row-end: span 7;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;

}

.intro-container .geometric {
	grid-column-start: 4;
	grid-column-end: span 2;
	grid-row-start: 9;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;

}

				/* 768 anatomy container*/

.anatomy-container .U_anatomy {
	Grid-column-start: 1;
	Grid-column-end: span 6;
	Grid-row-start: 1;
	grid-row-end: span 6;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.anatomy-container .near-even {
	Grid-column-start: 3;
	Grid-column-end: span 2;
	Grid-row-start: 2;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.anatomy-container .a {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 1;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;

}

.anatomy-container .n {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 2;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.anatomy-container .a2 {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 3;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.anatomy-container .t {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 4;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.anatomy-container .o {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 5;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.anatomy-container .m {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 6;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.anatomy-container .y {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 7;
	grid-row-end: span 2;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.anatomy-container .t_anatomy {
	Grid-column-start: 4;
	Grid-column-end: span 3;
	Grid-row-start: 9;
	grid-row-end: span 5;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.anatomy-container .lowercase {
	Grid-column-start: 1;
	Grid-column-end: span 3;
	Grid-row-start: 11;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}



.anatomy-container .g {
	Grid-column-start: 4;
	Grid-column-end: span 2;
	Grid-row-start: 14;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;

}

.anatomy-container .l {
	Grid-column-start: 4;
	Grid-column-end: span 2;
	Grid-row-start: 16;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.anatomy-container .y2 {
	Grid-column-start: 4;
	Grid-column-end: span 2;
	Grid-row-start: 18;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.anatomy-container .p {
	Grid-column-start: 4;
	Grid-column-end: span 2;
	Grid-row-start: 20;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.anatomy-container .h {
	Grid-column-start: 4;
	Grid-column-end: span 2;
	Grid-row-start: 22;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.anatomy-container .s {
	Grid-column-start: 4;
	Grid-column-end: span 2;
	Grid-row-start: 24;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.anatomy-container .glyphs-video {
	grid-column-start: 1;
	grid-column-end: span 8;
	grid-row-start: 26;
	grid-row-end: span 5;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

				/* 768 glyphs container*/

.glyphs-container .Uu_glyphs {
	Grid-column-start: 5;
	Grid-column-end: span 4;
	Grid-row-start: 1;
	grid-row-end: span 3;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .Rr_glyphs {
	Grid-column-start: 1;
	Grid-column-end: span 4;
	Grid-row-start: 4;
	grid-row-end: span 3;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.glyphs-container .ABC {
	Grid-column-start: 4;
	Grid-column-end: span 5;
	Grid-row-start: 7;
	Grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .HIJ {
	Grid-column-start: 4;
	Grid-column-end: span 5;
	Grid-row-start: 8;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .OPQ {
	Grid-column-start: 4;
	Grid-column-end: span 5;
	Grid-row-start: 9;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .VWX {
	Grid-column-start: 4;
	Grid-column-end: span 5;
	Grid-row-start: 10;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .one { 
	Grid-column-start: 1; 
	Grid-column-end: span 5;
	Grid-row-start: 11;
	Grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.glyphs-container .two {
	Grid-column-start: 1; 
	Grid-column-end: span 5;
	Grid-row-start: 12;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.glyphs-container .three {
	Grid-column-start: 1; 
	Grid-column-end: span 5;
	Grid-row-start: 13;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.glyphs-container .four {   
	Grid-column-start: 1; 
	Grid-column-end: span 5;
	Grid-row-start: 14;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.glyphs-container .paul-renner1 {
	Grid-column-start: 4;
	Grid-column-end: span 5;
	Grid-row-start: 15;
	Grid-row-end: span 5;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

				/* 768 history container*/

.history-container .A_history {
	Grid-column-start: 3;
	Grid-column-end: span 6;
	Grid-row-start: 36;
	grid-row-end: span 4;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .h2 {
	Grid-column-start: 8;
	Grid-column-end: span 1;
	Grid-row-start: 1;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .i {
	Grid-column-start: 8;
	Grid-column-end: span 1;
	Grid-row-start: 2;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.history-container .s2 {
	Grid-column-start: 8;
	Grid-column-end: span 1;
	Grid-row-start: 3;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .t2 {
	Grid-column-start: 8;
	Grid-column-end: span 1;
	Grid-row-start: 4;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.history-container .o2 {
	Grid-column-start: 8;
	Grid-column-end: span 1;
	Grid-row-start: 5;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .r2 {
	Grid-column-start: 8;
	Grid-column-end: span 1;
	Grid-row-start: 6;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid blue;
}

.history-container .y3 {
	Grid-column-start: 8;
	Grid-column-end: span 1;
	Grid-row-start: 7;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .history-video {
	Grid-column-start: 5;
	Grid-column-end: span 4;
	Grid-row-start: 24;
	grid-row-end: span 6;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
	transform: rotate(90deg);
}

.history-container .paragraph_one {
	grid-column-start: 2; 
	grid-column-end: span 5;
	grid-row-start: 2;
	grid-row-end: span 6;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .paragraph_two {
	grid-column-start: 2; 
	grid-column-end: span 5;
	grid-row-start: 7;
	grid-row-end: span 5;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .paragraph_three {
	grid-column-start: 2; 
	grid-column-end: span 5;
	grid-row-start: 13;
	grid-row-end: span 6;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .paragraph_four {
	grid-column-start: 2; 
	grid-column-end: span 5;
	grid-row-start: 20;
	grid-row-end: span 5;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .paragraph_five {
	grid-column-start: 2; 
	grid-column-end: span 5;
	grid-row-start: 26;
	grid-row-end: span 4;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .paragraph_six {
	grid-column-start: 2; 
	grid-column-end: span 5;
	grid-row-start: 31;
	grid-row-end: span 7;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

				/* 768 in use container*/

.in-use-container .i2 {
	Grid-column-start: 4;
	Grid-column-end: span 1;
	Grid-row-start: 4;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.in-use-container .n2 {
	Grid-column-start: 4;
	Grid-column-end: span 1;
	Grid-row-start: 5;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.in-use-container .u {
	Grid-column-start: 4;
	Grid-column-end: span 1;
	Grid-row-start: 8;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.in-use-container .s3 {
	Grid-column-start: 4;
	Grid-column-end: span 1;
	Grid-row-start: 9;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.in-use-container .e {
	Grid-column-start: 4;
	Grid-column-end: span 1;
	Grid-row-start: 10;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.in-use-container .nike {
	Grid-column-start: 2;
	Grid-column-end: span 3;
	Grid-row-start: 2;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.in-use-container .FedEx {
	Grid-column-start: 5;
	Grid-column-end: span 3;
	Grid-row-start: 6;
	grid-row-end: span 2;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.in-use-container .google2 {
	Grid-column-start: 2;
	Grid-column-end: span 3;
	Grid-row-start: 11;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

/* =======================

 Responsive Layouts 600

======================= */


@media only screen and (max-width: 600px) {
	.intro-container > .grid-container,
	.anatomy-container > .grid-container,
	.glyphs-container > .grid-container,
	.history-container > .grid-container, 
	.in-use-container > .grid-container

	{
		grid-template-columns: repeat(4, 1fr);
		grid-auto-rows: minmax(50px, auto);
	}

  /* =======================
     Fonts for @media 600px
    ======================= */

li {
	color: white;
	font-size: 15px;   
	font-weight: 400;
	text-align: right;
}

h1 {
	color: white;
	font-size: 273pt;   
	font-weight: bold;
	text-align: center;
}

h2 {   
	color: blue;
	font-size: 100pt;   
	font-weight: 400;
	text-align: center;
}

h3 {   
	color: blue;
	font-size: 40pt;   
	font-weight: 400;
	text-align: center;
}

p {
	color: blue;
	font-size: 24pt;
	font-weight: 400;
	text-align: left;
	line-height: 2;
}
				/* 600 intro container*/

.intro-container .title-video {
	grid-column-start: 1;
	grid-column-end: 8;
	grid-row-start: 3;
	grid-row-end: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.intro-container .main-nav {
	grid-column-start: 1;
	grid-column-end: 8;
	grid-row-start: 1;
	grid-row-end: auto;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.intro-container .F_anatomy {
	grid-column-start: 1;
	grid-column-end: 8;
	grid-row-start: 4;
	grid-row-end: span 5;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;

}

.intro-container .geometric {
	grid-column-start: 3;
	grid-column-end: span 1;
	grid-row-start: 5;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;

}

				/* 600 anatomy container*/

.anatomy-container .U_anatomy {
	Grid-column-start: 1;
	Grid-column-end: span 6;
	Grid-row-start: 1;
	grid-row-end: span 6;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.anatomy-container .near-even {
	Grid-column-start: 2;
	Grid-column-end: span 2;
	Grid-row-start: 2;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.anatomy-container .a {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 1;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;

}

.anatomy-container .n {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 2;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.anatomy-container .a2 {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 3;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.anatomy-container .t {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 4;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.anatomy-container .o {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 5;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.anatomy-container .m {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 6;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.anatomy-container .y {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 7;
	grid-row-end: span 2;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.anatomy-container .t_anatomy {
	Grid-column-start: 3;
	Grid-column-end: span 4;
	Grid-row-start: 9;
	grid-row-end: span 5;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.anatomy-container .lowercase {
	Grid-column-start: 1;
	Grid-column-end: span 2;
	Grid-row-start: 11;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}



.anatomy-container .g {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 14;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;

}

.anatomy-container .l {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 16;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.anatomy-container .y2 {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 18;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.anatomy-container .p {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 20;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.anatomy-container .h {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 22;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.anatomy-container .s {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 24;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.anatomy-container .glyphs-video {
	grid-column-start: 1;
	grid-column-end: span 8;
	grid-row-start: 26;
	grid-row-end: span 5;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

				/* 600 glyphs container*/

.glyphs-container .Uu_glyphs {
	Grid-column-start: 1;
	Grid-column-end: span 8;
	Grid-row-start: 1;
	grid-row-end: span 3;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .Rr_glyphs {
	Grid-column-start: 1;
	Grid-column-end: span 8;
	Grid-row-start: 4;
	grid-row-end: span 3;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.glyphs-container .ABC {
	Grid-column-start: 1;
	Grid-column-end: span 6;
	Grid-row-start: 7;
	Grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .HIJ {
	Grid-column-start: 1;
	Grid-column-end: span 6;
	Grid-row-start: 8;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .OPQ {
	Grid-column-start: 1;
	Grid-column-end: span 6;
	Grid-row-start: 9;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .VWX {
	Grid-column-start: 1;
	Grid-column-end: span 6;
	Grid-row-start: 10;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .one { 
	Grid-column-start: 1; 
	Grid-column-end: span 6;
	Grid-row-start: 11;
	Grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .two {
	Grid-column-start: 1; 
	Grid-column-end: span 6;
	Grid-row-start: 12;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .three {
	Grid-column-start: 1; 
	Grid-column-end: span 6;
	Grid-row-start: 13;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .four {   
	Grid-column-start: 1; 
	Grid-column-end: span 6;
	Grid-row-start: 14;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.glyphs-container .paul-renner1 {
	Grid-column-start: 1;
	Grid-column-end: span 8;
	Grid-row-start: 15;
	Grid-row-end: span 5;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

				/* 600 history container*/

.history-container .A_history {
	Grid-column-start: 1;
	Grid-column-end: span 8;
	Grid-row-start: 45;
	grid-row-end: span 4;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .h2 {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 1;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .i {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 2;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.history-container .s2 {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 3;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .t2 {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 4;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.history-container .o2 {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 5;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .r2 {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 6;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid blue;
}

.history-container .y3 {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 7;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .paragraph_one {
	grid-column-start: 2; 
	grid-column-end: span 3;
	grid-row-start: 9;
	grid-row-end: span 6;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .paragraph_two {
	grid-column-start: 2; 
	grid-column-end: span 3;
	grid-row-start: 16;
	grid-row-end: span 5;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .paragraph_three {
	grid-column-start: 2; 
	grid-column-end: span 3;
	grid-row-start: 22;
	grid-row-end: span 6;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .paragraph_four {
	grid-column-start: 2; 
	grid-column-end: span 3;
	grid-row-start: 29;
	grid-row-end: span 5;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .paragraph_five {
	grid-column-start: 2; 
	grid-column-end: span 3;
	grid-row-start: 35;
	grid-row-end: span 4;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .paragraph_six {
	grid-column-start: 2; 
	grid-column-end: span 3;
	grid-row-start: 40;
	grid-row-end: span 7;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .history-video {
	Grid-column-start: 5;
	Grid-column-end: span 4;
	Grid-row-start: 24;
	grid-row-end: span 6;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
	transform: rotate(90deg);
	display: none;
}

				/* 600 in use container*/

.in-use-container .i2 {
	Grid-column-start: 2;
	Grid-column-end: span 1;
	Grid-row-start: 4;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.in-use-container .n2 {
	Grid-column-start: 2;
	Grid-column-end: span 1;
	Grid-row-start: 5;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.in-use-container .u {
	Grid-column-start: 2;
	Grid-column-end: span 1;
	Grid-row-start: 8;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.in-use-container .s3 {
	Grid-column-start: 2;
	Grid-column-end: span 1;
	Grid-row-start: 9;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.in-use-container .e {
	Grid-column-start: 2;
	Grid-column-end: span 1;
	Grid-row-start: 10;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.in-use-container .nike {
	Grid-column-start: 1;
	Grid-column-end: span 2;
	Grid-row-start: 2;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.in-use-container .FedEx {
	Grid-column-start: 3;
	Grid-column-end: span 2;
	Grid-row-start: 6;
	grid-row-end: span 2;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.in-use-container .google2 {
	Grid-column-start: 1;
	Grid-column-end: span 2;
	Grid-row-start: 11;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

/* =======================

 Responsive Layouts 500

======================= */


@media only screen and (max-width: 500px) {
	.intro-container > .grid-container,
	.anatomy-container > .grid-container,
	.glyphs-container > .grid-container,
	.history-container > .grid-container, 
	.in-use-container > .grid-container

	{
		grid-template-columns: repeat(4, 1fr);
		grid-auto-rows: minmax(50px, auto);
	}

 /* =======================
     Fonts for @media 500px
    ======================= */

li {
	color: white;
	font-size: 20px;   
	font-weight: 400;
	text-align: right;
}

h1 {
	color: white;
	font-size: 273pt;   
	font-weight: bold;
	text-align: center;
}

h2 {   
	color: blue;
	font-size: 100pt;   
	font-weight: 400;
	text-align: center;
}

h3 {   
	color: blue;
	font-size: 40pt;   
	font-weight: 400;
	text-align: center;
}

p {
	color: blue;
	font-size: 24pt;
	font-weight: 400;
	text-align: left;
	line-height: 2;
}
				/* 500 intro container*/

.intro-container .title-video {
	grid-column-start: 1;
	grid-column-end: span 4;
	grid-row-start: 3;
	grid-row-end: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.intro-container .main-nav {
	grid-column-start: 1;
	grid-column-end: span 4;
	grid-row-start: 1;
	grid-row-end: auto;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.intro-container .F_anatomy {
	grid-column-start: 1;
	grid-column-end: span 4;
	grid-row-start: 4;
	grid-row-end: span 5;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;

}

.intro-container .geometric {
	grid-column-start: 3;
	grid-column-end: span 1;
	grid-row-start: 5;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;

}

				/* 500 anatomy container*/

.anatomy-container .U_anatomy {
	Grid-column-start: 1;
	Grid-column-end: span 6;
	Grid-row-start: 1;
	grid-row-end: span 6;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.anatomy-container .near-even {
	Grid-column-start: 2;
	Grid-column-end: span 2;
	Grid-row-start: 2;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.anatomy-container .a {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 1;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;

}

.anatomy-container .n {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 2;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.anatomy-container .a2 {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 3;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.anatomy-container .t {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 4;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.anatomy-container .o {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 5;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.anatomy-container .m {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 6;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.anatomy-container .y {
	Grid-column-start: 7;
	Grid-column-end: span 2;
	Grid-row-start: 7;
	grid-row-end: span 2;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.anatomy-container .t_anatomy {
	Grid-column-start: 3;
	Grid-column-end: span 4;
	Grid-row-start: 9;
	grid-row-end: span 5;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.anatomy-container .lowercase {
	Grid-column-start: 1;
	Grid-column-end: span 2;
	Grid-row-start: 11;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}



.anatomy-container .g {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 14;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;

}

.anatomy-container .l {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 16;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.anatomy-container .y2 {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 18;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.anatomy-container .p {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 20;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.anatomy-container .h {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 22;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.anatomy-container .s {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 24;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.anatomy-container .glyphs-video {
	grid-column-start: 1;
	grid-column-end: span 8;
	grid-row-start: 26;
	grid-row-end: span 5;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

				/* 500 glyphs container*/

.glyphs-container .Uu_glyphs {
	Grid-column-start: 1;
	Grid-column-end: span 8;
	Grid-row-start: 1;
	grid-row-end: span 3;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .Rr_glyphs {
	Grid-column-start: 1;
	Grid-column-end: span 8;
	Grid-row-start: 4;
	grid-row-end: span 3;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.glyphs-container .ABC {
	Grid-column-start: 1;
	Grid-column-end: span 6;
	Grid-row-start: 7;
	Grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .HIJ {
	Grid-column-start: 1;
	Grid-column-end: span 6;
	Grid-row-start: 8;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .OPQ {
	Grid-column-start: 1;
	Grid-column-end: span 6;
	Grid-row-start: 9;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .VWX {
	Grid-column-start: 1;
	Grid-column-end: span 6;
	Grid-row-start: 10;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .one { 
	Grid-column-start: 1; 
	Grid-column-end: span 6;
	Grid-row-start: 11;
	Grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .two {
	Grid-column-start: 1; 
	Grid-column-end: span 6;
	Grid-row-start: 12;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .three {
	Grid-column-start: 1; 
	Grid-column-end: span 6;
	Grid-row-start: 13;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.glyphs-container .four {   
	Grid-column-start: 1; 
	Grid-column-end: span 6;
	Grid-row-start: 14;
	Grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.glyphs-container .paul-renner1 {
	Grid-column-start: 1;
	Grid-column-end: span 8;
	Grid-row-start: 15;
	Grid-row-end: span 5;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

				/* 500 history container*/

.history-container .A_history {
	Grid-column-start: 1;
	Grid-column-end: span 8;
	Grid-row-start: 45;
	grid-row-end: span 4;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .h2 {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 1;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .i {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 2;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.history-container .s2 {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 3;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .t2 {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 4;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.history-container .o2 {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 5;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .r2 {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 6;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid blue;
}

.history-container .y3 {
	Grid-column-start: 3;
	Grid-column-end: span 1;
	Grid-row-start: 7;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .paragraph_one {
	grid-column-start: 1; 
	grid-column-end: span 4;
	grid-row-start: 9;
	grid-row-end: span 6;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .paragraph_two {
	grid-column-start: 1; 
	grid-column-end: span 4;
	grid-row-start: 16;
	grid-row-end: span 5;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .paragraph_three {
	grid-column-start: 1; 
	grid-column-end: span 4;
	grid-row-start: 22;
	grid-row-end: span 6;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .paragraph_four {
	grid-column-start: 1; 
	grid-column-end: span 4;
	grid-row-start: 29;
	grid-row-end: span 5;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .paragraph_five {
	grid-column-start: 1; 
	grid-column-end: span 4;
	grid-row-start: 35;
	grid-row-end: span 4;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .paragraph_six {
	grid-column-start: 1; 
	grid-column-end: span 4;
	grid-row-start: 40;
	grid-row-end: span 7;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
}

.history-container .history-video {
	Grid-column-start: 5;
	Grid-column-end: span 4;
	Grid-row-start: 24;
	grid-row-end: span 6;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: none;
	transform: rotate(90deg);
	display: none;
}

				/* 500  in use container*/

.in-use-container .i2 {
	Grid-column-start: 2;
	Grid-column-end: span 1;
	Grid-row-start: 4;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.in-use-container .n2 {
	Grid-column-start: 2;
	Grid-column-end: span 1;
	Grid-row-start: 5;
	grid-row-end: span 1;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.in-use-container .u {
	Grid-column-start: 2;
	Grid-column-end: span 1;
	Grid-row-start: 8;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: solid blue; 
	border-left-style: none;
}

.in-use-container .s3 {
	Grid-column-start: 2;
	Grid-column-end: span 1;
	Grid-row-start: 9;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid blue; 
	border-left-style: solid blue;
}

.in-use-container .e {
	Grid-column-start: 2;
	Grid-column-end: span 1;
	Grid-row-start: 10;
	grid-row-end: span 1;
	border-top-style: none;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.in-use-container .nike {
	Grid-column-start: 1;
	Grid-column-end: span 2;
	Grid-row-start: 2;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: solid blue;
	border-bottom-style: none; 
	border-left-style: none;
}

.in-use-container .FedEx {
	Grid-column-start: 3;
	Grid-column-end: span 2;
	Grid-row-start: 6;
	grid-row-end: span 2;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}

.in-use-container .google2 {
	Grid-column-start: 1;
	Grid-column-end: span 2;
	Grid-row-start: 11;
	grid-row-end: span 2;
	border-top-style: solid blue;
	border-right-style: none;
	border-bottom-style: none; 
	border-left-style: solid blue;
}