body {background-color: white;
	background-image: url("images/home/background.jpeg");
	background-repeat: no-repeat;
	font-family: arial, sans-serif;
	font-size: 18px;}

.logo {display: block;
			margin: auto;
			padding-top: 50px;}

	li {display: flex;
			background-color: white;
			border-style: solid;
			border-color: black;
			border-radius: 25px;
			width: 100%;
			padding-left: 20px;
			padding-right: 20px;
			margin-left: 20px;
			margin-right: 20px;}

#gallery {display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					justify-content: space-around;
					row-gap: 10px;
					column-gap: 10px;}

			#gridnav {display: grid;
							grid-template-columns: 100%;
							grid-template-rows: 10%;}

			#gridmain {display: grid;
							grid-template-columns: 220px 220px 220px;
							grid-template-rows: 170px 170px;
							row-gap: 20px;
							}

			#center:first-of-type {text-align: center;
								font-size: 18px;
								background-color: black;
								color: white;}

video {padding-top: 50px;
			padding-bottom: 50px;}

form {background-color: white;
			padding: 25px;
			border-radius: 10px;}

table {
			border-color: black;
			border-collapse: collapse;
			background-color: white;}

.box {border-style: solid;
		border-width: thin;
		border-color: black;
		border-collapse: collapse;
		padding: 10px;}

#tuba{transform: rotate(270deg);}

a:link {color: black;
	text-decoration: none;}

a:visited {color: black;}

a:hover {color: blue;}

a:active {color: blue;}

@media (min-width: 701px){
	body {background-color: white;
		background-image: url("images/home/background.jpeg");
		background-repeat: no-repeat;
		font-family: arial, sans-serif;
		font-size: 18px;
		margin-left: auto;
		margin-right: auto;
		width: 1024px;
		height: auto;}

		ul {display: flex;
			flex-direction: column;
			align-items: center;
			row-gap: 10px;
			column-gap: 12px;
			list-style-type: none;
			font-size: 26px;
			margin-left: 0px;
			margin-right: 35px;}

		li {display: flex;
				background-color: white;
				border-style: solid;
				border-color: black;
				border-radius: 25px;
				width: 100%;}

				nav {float: left;
					margin-left: 25px;
					margin-right: 100px;
				}}

@media (max-width: 700px){
				body {background-color: white;
					background-image: url("images/home/background.jpeg");
					background-repeat: no-repeat;
					font-family: arial, sans-serif;
					font-size: 18px;
					margin-left: 20px;
					margin-right: 20px;}

				ul {display: flex;
					flex-direction: column;
					align-items: center;
					row-gap: 10px;
					column-gap: 12px;
					list-style-type: none;
					font-size: 26px;
					margin-left: 25px;
					margin-right: 25px;
					padding-left: 20px;
					padding-right: 20px;}

					#gallery {display: flex;
										flex-direction: row;
										flex-wrap: wrap;
										row-gap: 20px;
										column-gap: 20px;}

					.logo {display: flex;
									align-items: center;
									margin: auto;}

					li {display: flex;
							background-color: white;
							border-style: solid;
							border-color: black;
							border-radius: 25px;
							width: 100%;
							padding-left: 80px;
							padding-right: 20px;
							margin-left: 20px;
							margin-right: 20px;}

							#gridmain {display: grid;
											grid-template-columns: 220px;
											grid-template-rows: 170px;
											row-gap: 150px;
											}

						}