nav {
	align-items: center;
}

.banner {
	width: 100%;
	height: 400px;
	background-image: url("pictures/banner");
	background-position: center center;
	background-size: cover;
}

.banner1 {
	width: 100%;
    height: 250px;
    background-image: url(pictures/banner);
    background-position: center center;
    background-size: cover;
    padding-block-start: 20px;
}

.title1 {
	font-family: balboa-plus-fill, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 4em;
	text-align: center;
	color: white;
}

.title1_1 {
	font-family: balboa-plus-fill, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2em;
	color: white;
	text-shadow: 1px 1px 8px #783829;
}

.title1_2 {
	font-family: balboa-plus-fill, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2em;
	color: #438a8d;
}

.title2 {
	font-family: bilo, sans-serif;
	font-weight: 500;
	font-style: normal;
	text-align: center;
	color: white;
}

.title2_2 {
	font-family: bilo, sans-serif;
	font-weight: 500;
	font-style: normal;
	color: white;
}

.title3 {
	font-family: bilo, sans-serif;
	font-weight: 500;
	font-style: normal;
	text-align: center;
	color: #224c48;
}

.topnav {
	background-color: #c15b44;
 } 	

.topnav ul{
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}

.topnav ul a {
  	float: left;
  	text-align: center;
  	padding: 14px 16px;
  	font-family: bilo, sans-serif;
	font-weight: 500;
	font-style: normal;
	text-decoration: none;
	color: white;
	list-style: none;
}

.topnav a:hover {
  background-color: #438a8d;
  color: black;
}

.row-outer {
	padding: 20px 0;
}

.heading {
	text-align: center;
}

.container {
	width: 96%;
	max-width: 1160px;
	margin: auto;
}

.heading {
	text-align: center;
	padding: 20px 0;
}

.grid-gallery {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-areas: 'item1 item1 item2 item3'
						 'item6 item6 item2 item5'
						 'item6 item6 item2 item4';
	grid-gap: 10px;
}

.item {
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
	min-height: 12rem;
	cursor: pointer;
	background: red;
}

.item1 {
	grid-area: item1;
	background: #4b00ff url(pictures/item1.jpg);
	background-position: top !important;
}

.item2 {
	grid-area: item2;
	background: #4b00ff url(pictures/item2.jpg);
}

.item3 {
	grid-area: item3;
	background: #4b00ff url(pictures/item3.jpg);
}

.item4 {
	grid-area: item4;
	background: #4b00ff url(pictures/item4.jpg);
}

.item5 {
	grid-area: item5;
	background: #4b00ff url(pictures/item5.jpg);
}

.item6 {
	grid-area: item6;
	background: #4b00ff url(pictures/item6.jpg);
}

.grid-gallery2 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1 fr 1fr 1fr 1fr 1fr;
	grid-gap: 1px;
}

.kit img {
	justify-content: left;
	size: 10%;
}

img {
	margin-left: 0;
	margin-right: 0;
	flex: 0 0 32%;
	max-width: 100%;
}

img:hover {
	background-color: #438a8d;
  	color: black;
}

.turquoise {
	background-color: #438a8d;
	padding-top: 20px;
	margin-top: 200px;
}

 .redorange {
	background-color: #c15b44;
	padding: 10px;
	margin: 40px;
	padding-inline: 60px;
    padding-block-start: 30px;
    padding-block-end: 30px;
}

.redorange2 {
	background-color: #c15b44;
	padding: 10px;
	margin: 40px;
	padding-inline: 60px;
    padding-block-start: 30px;
    padding-block-end: 30px;
    border-radius: 25px;
}

.turquoise1 {
	background-color: #438a8d;
	padding-bottom: 2px;
	margin-block-end: 40px;
}

.green {
	background-color: #abd373;
	padding: 20px;
	margin-top: 45px;
}

 .white {
	background-color: white;
	padding: 30px;
	margin: 72px;
	padding-inline: 20px;
}

.grid-container {
	display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 10px;
}

a {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
}

a:hover {
    background-color: #438a8d;
    color: black;
}

.previous {
    background-color: #abd373;
    color: black;
}

.next {
    background-color: #abd373;
    color: black;
    float: right;
}

.round {
    border-radius: 50%;
}


input[type=text], select, textarea {
  	width: 100%;
  	padding: 12px;
  	border: 1px solid #ccc;
  	margin-top: 6px;
  	margin-bottom: 16px;
  	resize: vertical;
  	font-family: bilo, sans-serif;
	font-weight: 500;
	font-style: normal;
	color: black;
}

input[type=submit] {
  	background-color: #abd373;
  	color: white;
  	padding: 12px 20px;
  	border: none;
  	cursor: pointer;
 	font-family: bilo, sans-serif;
	font-weight: 500;
	font-style: normal;
	color: white;
}

input[type=submit]:hover {
  background-color: #438a8d;
}

label {
	font-family: bilo, sans-serif;
	font-weight: 500;
	font-style: normal;
	color: black;
}

input {
	font-family: bilo, sans-serif;
	font-weight: 500;
	font-style: normal;
	color: black;
}

.container2 {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 10px;
}

.column {
  float: left;
  width: 50%;
  margin-top: 6px;
  padding: 20px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}


@media screen and (max-width: 600px) {
  .column, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}