body {
	background-image:url("../images/rug.jpg")
}
	
@font-face {
	font-family:"Tabular Light";
	src: url("fonts/Tabular-Light.woff2") format("woff2");
}

h1 {
	font-family:"Tabular Light";
	font-size:35px;
	text-align:center;
	color:rgb(183,18,31);
	margin:auto;
	}

h2 {
	font-family:"Tabular Light";
	font-size:13px;
	text-align:center;
	color:white;
	margin:auto;
	font-weight:normal;
	}
		
h3 {
	font-family:"Tabular Light";
	font-size:25px;
	color:gray;
}

h4 {
	margin:0;
	font-family:"Tabular Light";
	font-size:25px;
	text-align:justify;
	color:rgb(183,18,31);
}

h5 {
	font-family:'Courier New', Monospace;
	font-size:20px;
	text-align:center;
	margin:auto;
	color:darkred;
	margin-top:2px;
}
	
p {
	margin:0;
	font-family:'Courier New', Monospace;
	font-size:23px;
	text-align:justify;
	color:white;
	text-wrap:wrap;
	}

p.gal {
	font-family:"Tabular Light";
	text-align:center;
	color:rgb(183,18,31);
	font-weight:bold;
}
	
a:link {
	color:rgb(183,18,31);
	text-decoration:none;
	}

a:visited {
	color:rgb(183,18,31);
	}
	
a:hover {
	text-decoration:underline;
	
	}

a:active {
	color:rgb(183,18,31);
	}

h5 a:link {
	color:darkred;
	text-decoration:underline;
	}

h5 a:visited {
	color:darkred;
	}
	
h5 a:hover {
	text-decoration:none;
	
	}

h5 a:active {
	color:darkred;
	}
	
.active {
	color:rgb(183,18,31);
  	text-decoration:underline;
}

a.img:link {
	color:white;
	text-decoration:none;
	font-size:20px
	}

a.img:visited {
	color:white;
	font-size:20px
	}
	
a.img:hover {
	text-decoration:underline;
	font-size:20px
	}

a.img:active {
	color:white;
	font-size:20px
	}

.grid-container {
	display:grid;
	gap:5px;
}

.header {
	padding-top:5px;
}

.nav {
	column-gap:100px;
	margin-top:-20px;
	margin-bottom:-40px;
}

.nav-item {
	text-align:center;
	margin:auto;
	margin:-10px;
}

.maintext {
	text-indent:50px;
	margin:20px
}

/*tablet*/
	@media (min-width:600px) {
		.nav {
			text-align:center;
			column-gap:100px;
			margin-top:-20px;
			margin-bottom:-40px;
		}
	
		.nav-item {
			text-align:center;
			margin:auto;
			margin:-10px;
		}

		.maintext {
			text-indent:50px;
			column-count:2;
			column-width:50%;
			column-gap: 30px;
			margin:20px
		}
}
			
/*desktop*/
	@media (min-width:900px) {
	.nav {
		text-align:center;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		align-items:justify;
		column-gap:100px;
		margin-top:0px;
		margin-bottom:-20px;
	}

	.maintext {
		text-indent:50px;
		column-count:3;
		column-width:33%;
		column-gap: 40px;
		margin:20px
	}
}

.images {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:50px;
	
}

img {
	max-width: 100%;
	justify-content:center;
	align-items:center;
}

.footer {
	text-align:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:justify;
	column-gap:200px;
	margin-top:40px;
}