.header-image img {
	width: 100%;
	object-fit: contain;
}

.grid-container1 {
	display: grid;
	grid-template-columns: 50% 50%;
}

.grid-container1>div {
   display: flex;
   justify-content: flex-start;
	    flex-direction: column;
	margin: 25px;
}

.grid-container1>div img {

	width: 50%;

}

.grid-container1 h3 {
	color: #0C283C;
	font-family: "FilsonProBold", "Montserrat";
	font-weight: bold;
}

.item1 {
	grid-column: 1/3;
	grid-row: 1/1;
	background-color: #FFF;
	padding: 15px;
	margin-top: 4vh;
	margin-bottom: 4vh;
	text-align: left;
	border: none !important;
}

.item2 {
   grid-column: 1/3;
   grid-row: 2/2;
   padding: 15px;
   margin-top: 4vh;
   margin-bottom: 4vh;
   text-align: center;
}

.item1 img, .item2 img {
margin: 0px auto;
}


.grid-container2 {
	display: grid;
	grid-template-columns: 100%;
}

.grid-container2>div {
	margin: 4px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding-top: 8vh;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 8vh;
}

.itemContact {
	grid-column: 1/1;
	grid-row: 1/1;
	padding: 15px;
	text-align: center;
	color: #0BADFE;
	font-family: "FilsonProBold", "Montserrat";
	font-weight: bold;
	font-size: 1.4em;
	cursor: pointer;
}



.grid-container3 {
	display: grid;
	grid-template-columns: 0% 41% 53% 6% 0%;
	background: #fab31e;
}

.grid-container3>div {
	margin: 4px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.item7 h1 {color: #FFFFFF;}


.item8 {
	grid-column: 2/5;
	grid-row: 2/2;	
	padding: 15px;
}

.item8 img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.DemoVideo {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.DemoVideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.grid-container4 {
	display: grid;
	grid-template-columns: 0% 50% 50% 0%;
}

.grid-container4>div {
	display: flex;
	justify-content: center;
	flex-direction: column;
	font-weight: bold;
}

.item9 {
	grid-column: 1/4;
	grid-row: 1/1;
	font-weight: bold;
}

.item10 {
	grid-column: 2/3;
	grid-row: 2/2;
	padding: 15px;
	color: #717171;
}

.item11 {
	grid-column: 3/4;
	grid-row: 2/2;
	padding: 15px;
	color: #717171;
}

.item12 {
	grid-column: 2/5;
	grid-row: 3/4;
	color: #717171;
}





/* Medium devices such as tablets (768px and up) */
@media only screen and (min-width: 48em) and (orientation: landscape) {




}







/* Large devices such as laptops (1024px and up) */
@media only screen and (min-width: 64em) {

.item2, .item3, .item4, .item5 {
	visibility: visible;
	}


.item2, .item3, .item4, .item5 {
overflow: hidden;
}


.grid-container3 {
	display: grid;
	background: #fab31e;
}

.grid-container3>div {
	margin: 4px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}


.item8 {
	grid-column: 3/5;
	grid-row: 1/1;
	padding: 15px;
}

.item8 img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.grid-container4 {
	display: grid;
}

.grid-container4>div {
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
}

.item9 {
	grid-column: 1/4;
	grid-row: 1/1;
}

.item10 {
	grid-column: 2/3;
	grid-row: 2/2;
}

.item11 {
	grid-column: 3/4;
	grid-row: 2/2;
}



}




/* Small devices such as large phones (640px and up) */
/* @media only screen and (min-width: 40em) {...} */

/* Medium devices such as tablets (768px and up) */
/* @media only screen and (min-width: 48em) {...} */

/* Large devices such as laptops (1024px and up) */
/* @media only screen and (min-width: 64em) {...} */

/* Largest devices such as desktops (1280px and up) */
/* @media only screen and (min-width: 80em) {...} */