/* Styling for header */
#title{
	color:#000;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-shadow:2px 2.5px 1px #800050;
    text-align: center;
}
nav ul {
	display: flex;
    justify-self: center;
}
nav li {
	align-items: center;
	list-style:none;
	margin:1em;
    font-size:18px;
}
nav li a:active{
    color:#bd0000;
}
nav li a:hover{
    color:#a51a71;
    font-weight: bold;
}
nav li a:visited{
    color:#696969;
}
nav li a:focus{
    color:#a51a71;
    font-weight: bold;
    border: 1px solid black;
}
nav li a:link{
    color:#800050;
}
body{
    background-color: #ffeef0;
}
header{
    padding:20px;
}

/*Styling for main section with 3 columns */
#main{
	display: flex;
	flex-direction:row;
	width:90%;
    margin: 30px auto;
}
img{
    max-width:100%;
    height: auto;
}
.column1 {
	flex:1;
	border-left:1px solid #800050;
    
	padding:5px;
    order:3;
}
.column2 {
	flex:2;
	border-left:1px solid #800050;
	padding:5px;
    order:2
}
.column3 {
	flex:1;
	padding:5px;
    order: 1;
}
h2{
	text-align:center;
	text-decoration:underline;
    font-family: "Delicious Handrawn", cursive;
    color:#800050;
}
footer{
	display: flex;
    flex-direction:row;
    justify-content:space-around;
    align-items:center;
}
.icons img{
    width:20px;
    height:20px;
}

@media (max-width: 999px){
    #main{
        width:100%;
    }
}
@media (max-width: 699px){
    #main{
        flex-direction:column;
    }  
    .column1, .column2, .column3{
        border:none;
        padding:0;
        flex:1;
    }
}
