/* Styling for header */
#title{
	color:#000;
	font-family: "Chewy", system-ui;
	font-weight: 500;
	width:75vw;
	text-align: center;
	background-color:lavender;
	border: 2px solid black;
}
nav ul {
	display: flex;
}
nav li {
	align-items: center;
	list-style:none;
	margin:1em;
}

	a:link {
		color: blue;
	}

	a:visited {
		color: red;
	}

	a:hover {
		color:chartreuse;
		text-decoration: overline;
	}

	a:active {
		color:black;
	}

	a:focus {
		outline: 2px dotted green;
		background-color: antiquewhite;
	}
body{
	display:flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
/*Styling for main section with 3 columns */
#main{
	display: flex;
	flex-flow:row-reverse;
	width:90%;
	background-color: honeydew;
	border: 2px solid black;
}
.column1 {
	flex:1;
	padding:5px;
}
.column2 {
	flex:1;
	border-right:1px solid #5D5D5D;
	padding:5px;
}
.column3 {
	flex:1;
	border-right:1px solid #5D5D5D;
	padding:5px;
}
h2 {
    font-family: "Chewy", system-ui;
    font-weight: 400;
    font-style: normal;
	text-align:center;
	text-decoration:underline;
	background-color:lavender;
	border: 2px solid black;
}
img{
	max-width: 100%;
	height: auto;
	
}
footer{
	width:90%;
	display: flex;
	flex-direction:row;
	justify-content: space-between;
}
.address{
	width:90%;
	display:flex;
	justify-content: space-between;
	align-items: center;
}


@media screen and (max-width:999px){
	#main{
		width: 100%;
	}
}

@media screen and (max-width:699px){
	#main{
		display: flex;
		flex-direction: column-reverse;
		border: 0;
		padding:0;
	}
}