/* Styling for header */
#title{
	color:#000;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-shadow:2px 2.5px 1px #333333;
	text-align: center;
}
nav ul {
  display: flex;
  justify-content: center;
}

nav li {
  align-items: center;
  list-style: none;
  margin: 1em;
}


nav a:link {
  color: #1a4f8b;
  text-decoration: none;
  font-weight: bold;
}


nav a:visited {
  color: #6b4c9a;
}


nav a:hover {
  color: #ffffff;
  background-color: #1a4f8b;
  text-decoration: underline;
}


nav a:focus {
  outline: 3px solid #f0a500;
  outline-offset: 2px;
}


nav a:active {
  color: #ffffff;
  background-color: #c0392b;
}


#main{
	display: flex;
	flex-direction:row;
	width: 90%;
	margin: auto;
	align-items:center;

}
.column1 {
	flex:1;
	border-right:1px solid #5D5D5D;
	padding:5px;
	order: 3;
	
}
.column2 {
	flex:1;
	border-right:1px solid #5D5D5D;
	padding:5px;
	order: 2;
}
.column3 {
	flex:1;
	border-right:1px solid #5D5D5D;
	padding:5px;
	order: 1;
}
h2 {
	text-align:center;
	text-decoration:underline;
	font-family: "Roboto Slab", serif;
	}

.social {
  display: flex;
  flex-wrap: wrap;            
  gap: 16px;                 
  justify-content: center;   
  padding: 16px;
  max-width: 1200px;
  margin: 0 auto;            
}

footer{
	display: flex;
    flex-direction: row;         
    justify-content: space-around;
    align-items: center;
    padding: 24px 40px;
}

@media (max-width: 999px) {
  .content {
    width: 100%;
  }
}
 
@media (max-width: 699px) {
  .columns {
    flex-direction: column;
	border:none;
	padding: 0;
}
}