* {
	margin:0;
	padding:0;
}

body {
	background-image: url("../assets/easterbackgroundbluebg-01.jpg");
	background-position: right top;
	background-repeat: repeat;
	background-size: 25%;

}

.container {
	-webkit-box-shadow: 0 0 15px 15px rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 0 0 15px 15px rgba(50, 50, 50, 0.1);
	box-shadow: 0 0 15px 15px rgba(50, 50, 50, 0.1);
	margin: 0px auto;
	padding: 20px;
	width: 65%;
	background-color: #fff;

}

.col {
	margin: 0px;
	padding: 0px;
}

.grid-container {
  display: grid;
  border-style: 1px solid #000;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 0.3fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 10px 10px;
  grid-template-areas:
    "header header header header header header header aviator aviator aviator"
    "header header header header header header header aviator aviator aviator"
    "islandair islandair islandair marshalls marshalls baykarts baykarts aviator aviator aviator"
    "islandair islandair islandair marshalls marshalls baykarts baykarts aviator aviator aviator"
    "islandair islandair islandair marshalls marshalls baykarts baykarts aviator aviator aviator"
    "islandair islandair islandair marshalls marshalls baykarts baykarts aviator aviator aviator"
    "skyline skyline skyline goodneighbour goodneighbour goodneighbour goodneighbour aviator aviator aviator"
    "skyline skyline skyline goodneighbour goodneighbour goodneighbour goodneighbour aviator aviator aviator"
    "skyline skyline skyline goodneighbour goodneighbour goodneighbour goodneighbour aviator aviator aviator"
    "skyline skyline skyline goodneighbour goodneighbour goodneighbour goodneighbour aviator aviator aviator"
    "skyline skyline skyline goodneighbour goodneighbour goodneighbour goodneighbour aviator aviator aviator"
    "skyline skyline skyline goodneighbour goodneighbour goodneighbour goodneighbour aviator aviator aviator";
}

.header { grid-area: header; }

.aviator { grid-area: aviator; }

.marshalls { grid-area: marshalls; }

.baykarts { grid-area: baykarts; }

.goodneighbour { grid-area: goodneighbour; }

.islandair { grid-area: islandair; }

.skyline { grid-area: skyline; }






p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1em;
	padding-bottom: 8px;
	color: #fff;
	text-align: center;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3em;
	line-height: 1.3em;
	padding-bottom: 8px;
	color: #fff;
	text-align: center;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.3em;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #fff;
	text-align: center;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1.4em;
	padding-bottom: 4px;
	color: #fff;
	text-align: center;
}

a { 
	color:#fff; 
}

.zoom {
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}



