body
{
   margin: 0;
   padding: 0;
   background-color: #FFFFFF;
   color: #000000;
   width: 1080px;
}

a
{
   color: #424242;
   text-decoration: none;

}
a:visited
{
   color: #424242;
   text-decoration: none;
}
a:active
{
   color: #424242;
   text-decoration: none;
}
a:hover
{
   color: #424242;
   text-decoration: none;
}

a:link
{
   color: #424242;
   text-decoration: none;
}

#Image1
{
   border: 0px #000000 solid;
   width:300px;height:300px;
   position:relative;top:40px;
   border-radius: 10px;
   box-shadow: 0px 0px 30px 10px #c0c0c0;
}
#Image2
{
   border: 0px #000000 solid;
   position:relative;top:0px;left:0px;
   width:100%;height=100%;
   
}
#Image3
{
   border: 0px #000000 solid;
   width:300px;height:300px;
   position:relative;top:100px;
   border-radius: 10px;
   box-shadow: 0px 0px 30px 10px #c0c0c0;
}
#Image4
{
   border: 0px #000000 solid;
   position:relative; top:20px;
   width:240px;height:90px;
   border-radius: 10px;
}
#Image5
{
   width:15vw;height:5vw;
   max-width:250px;
   min-width:100px;
   max-height:83px;
   min-height:33px;
   padding-top:0.5vw;
   opacity:0.99;
}
#Image7
{
   border: 0px #000000 solid;
   position:relative; top:20px;
   width:210px;height:75px;

}
#Image8
{
   border: 0px #000000 solid;
   position:absolute;left:1455px;top:200px;width:280px;height:100px;z-index:9;
   width:240px;height:95px;
   border-radius: 10px;
}
#Image9
{
   border: 0px #000000 solid;
   position:absolute;left:1470px;top:300px;width:280px;height:100px;z-index:10;
   width:210px;height:70px;
   border-radius: 10px;
}
#Image10
{
   border: 0px #000000 solid;
   position:absolute;left:1470px;top:390px;width:280px;height:100px;z-index:11;
   width:210px;height:70px;
   border-radius: 10px;
}
#Image6
{
   border: 0px #000000 solid;
   position:relative;top:1vw;z-index:12;
   width:50%;height:50%;
}
#Image11
{	
   border: 0px #000000 solid;
   position:relative;z-index:9;
   width:15vw;height:15vw;
   border-radius: 10px;
   max-width:400px;
   max-height:400px;
}
#Image12
{
   border: 0px #000000 solid;
   position:relative;top:50px;z-index:9;
   width:250px;height:300px;
}

.style1 {
	font-family: "Open Sans";
	font-weight: 300;
	font-size: 12px;
	color: white;
	width: 793px; height: 15px; position: absolute; top: 710px; left: 768px
}

.style2 {
	font-family: "Open Sans";
	font-weight: 300;
	font-size: 12px;
	color: white;
	width: 793px; height: 15px; position: absolute; top: 730px; left: 678px
}

.style3 {
	font-family: "Open Sans";
	font-weight: 300;
	font-size: 12px;
	color: white;
	width: 793px; height: 15px; position: absolute; top: 750px; left: 840px
}


.style4 {
	font-family: "Open Sans";
	font-weight: 300;
	font-size: 12px;
	color: white;
	width: 793px; height: 15px; position: absolute; top: 710px; left: 782px
}

.style5 {
	font-family: "Open Sans";
	font-weight: 300;
	font-size: 12px;
	color: white;
	width: 793px; height: 15px; position: absolute; top: 730px; left: 778px
}

.style6 {
	font-family: "Open Sans";
	font-weight: 300;
	font-size: 12px;
	color: white;
	width: 793px; height: 15px; position: absolute; top: 750px; left: 840px
}

.style7 {
	font-family: "Open Sans";
	font-weight: 300;
	font-size: 12px;
	color: white;
	width: 793px; height: 15px; position: absolute; top: 710px; left: 778px
}

.style8 {
	font-family: "Open Sans";
	font-weight: 300;
	font-size: 12px;
	color: white;
	width: 793px; height: 15px; position: absolute; top: 710px; left: 815px
}

.style9 {
	font-family: "Open Sans";
	font-weight: 300;
	font-size: 50px;
	color: white;

}
.style10 {
   color: #424242;
   font-family: "Calibri";
   font-size: calc(15px + 1vw);
}

.style11 {
   color: #424242;
   font-family: "Calibri";
   font-size: 150px;
}


.container {
  height: 100vh;
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-template-rows: 1fr; 
  column-gap:1vw;
  float:left;
}
.cell {
  color: white;
  font-size: 3rem;
}
.cell-1 {
text-align: center;
background: #7ba1ac;
padding-top: 4rem;
height: 100vh;
width: 15vw;
max-width:900px;
min-width:150px;

}
.cell-2 {
  padding-left: 1vw;
  padding-top: 3rem;
  width:20vw;
  max-width:370px;
  min-width:160px;
}
.cell-3 {
  padding-left:1vw;
  padding-top: 3rem;
  width:20vw;
  max-width:370px;
  min-width:160px;
}

.cell-5 {
    text-align: top;	
	width:350px;height:350px;
	position:relative;top:0px;
	border: 4px #000000 solid;
}

.cell-11 {
   border: 0px #000000 solid;
   width:20vw;height:20vw;
   border-radius: 10px;
   box-shadow: 0px 0px 25px 1px #c0c0c0;
   background: #f2f4f5;
   text-align: center;
   fill:#424242;
   max-width:350px;
   max-height:350px;
   min-width:150px;
   min-height:150px;
}
.cell-12{
   border: 0px #000000 solid;
   width:20vw;height:20vw;
   position:relative;top:3vw;
   border-radius: 10px;
   box-shadow: 0px 0px 25px 1px #c0c0c0;
   background: #f2f4f5;
   text-align: center;
   max-width:350px;
   max-height:350px;
   min-width:150px;
   min-height:150px;
   
}
.cell-13 {
   border: 0px #000000 solid;
   width:350px;height:290px;
   position:relative;top:1px;
   border-radius: 0px 0px 10px 10px;
   box-shadow: 0px 0px 25px 1px #c0c0c0;
   background: #f2f4f5;
   text-align: center;
   color: #424242;
   font-family: "Calibri";
   font-size: 250px;
}
.cell-14{
   border: 0px #000000 solid;
   width:20vw;height:4vw;
   position:relative;top:0px;
   border-radius: 10px 10px 0px 0px;
   background: #d3dbdd;
   text-align: center;
   min-width:150px;
   max-width:350px;
   min-height:55px;
   max-height:80px;
}
.cell-15{
   border: 0px #000000 solid;
   width:20vw;height:4vw;z-index:13;
   border-radius: 10px 10px 0px 0px;
   background: #d3dbdd;
   min-width:100px;
   max-width:350px;
}

.cell-16{
	min-width:150px;
	max-width:350px;
	min-height:350px;
	max-height:800px;
	border: 0px #000000 solid;
	width:20vw;height:46vw;
	border-radius: 10px;
	box-shadow: 0px 0px 25px 1px #c0c0c0;
	background: #f2f4f5;
	text-align: center;
	fill:#424242;
}