/* Page wrapper: all content centered, 90% wide */
body{
	margin:0;
	background:linear-gradient(#d9e3f0, #f1f5fa);
	background-attachment:fixed;
	color:#2b2f36;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	line-height:1.65;
}
#wrapper{
	width:90%;
	margin:1.5em auto;
	background:#fff;
	border-radius:.8em;
	overflow:hidden;
	box-shadow:0 8px 24px rgba(11,37,69,.3);
}

/* Styling for header */
header{
	background:linear-gradient(135deg, #0b2545, #13518a);
	text-align:center;
	padding:1.8em 1em 1em;
	border-bottom:4px solid #ff6b35;
}
#title{
	margin:0;
	color:#fff;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:2.6em;
	letter-spacing:.03em;
	text-shadow:2px 2.5px 1px #333333;
}
.tagline{
	margin:.3em 0 0;
	color:#ffd7c2;
	font-size:.85em;
	letter-spacing:.18em;
	text-transform:uppercase;
}
nav ul {
	display: flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:1em 0 0;
	padding:0;
}
nav li {
	align-items: center;
	list-style:none;
	margin:.3em .4em;
}
/* Five link states for the nav links */
nav a:link{
	display:inline-block;
	color:#cfe3ff;
	text-decoration:none;
	font-weight:600;
	padding:.4em 1em;
	border-radius:2em;
	transition:background .2s, color .2s;
}
nav a:visited{
	color:#c9b8f0;
}
nav a:focus{
	color:#fff;
	text-decoration:underline;
	outline:2px solid #ffd166;
	outline-offset:2px;
}
nav a:hover{
	color:#ffb27f;
	background:rgba(255,178,127,.18);
}
nav a:active{
	color:#fff;
	background:#ff6b35;
}

/*Styling for main section with 3 columns */
#main{
	display: flex;
	flex-direction:row;
	padding:1.6em .8em;
}
.column1 {
	flex:1;
	order:3;
	padding:.5em 1.3em;
}
.column2 {
	flex:2;
	order:2;
	border-right:1px solid #c9d3e0;
	padding:.5em 1.3em;
}
.column3 {
	flex:1;
	order:1;
	border-right:1px solid #c9d3e0;
	padding:.5em 1.3em;
}
#main img{
	display:block;
	max-width:100%;
	height:auto;
	margin:0 auto 1.1em;
	border-radius:.6em;
	box-shadow:0 3px 10px rgba(11,37,69,.25);
}
h2{
	font-family:"Oswald", "Arial Narrow", Arial, sans-serif;
	font-weight:600;
	font-size:1.6em;
	letter-spacing:.05em;
	color:#0b2545;
	text-align:center;
	text-decoration:underline;
	text-decoration-color:#ff6b35;
	text-decoration-thickness:3px;
	text-underline-offset:.25em;
	margin-top:0;
}
#main p{
	margin:0;
}
/* "Read more" buttons */
#main a.more{
	display:table;
	margin:1.1em auto 0;
	padding:.45em 1.3em;
	border-radius:2em;
	font-weight:600;
	text-decoration:none;
	transition:background .2s;
}
#main a.more:link,
#main a.more:visited{
	background:#ff6b35;
	color:#fff;
}
#main a.more:hover{
	background:#0b2545;
	color:#fff;
}
#main a.more:focus{
	outline:2px solid #0b2545;
	outline-offset:2px;
}
#main a.more:active{
	background:#c24a1d;
}

/* Footer: flex row with space-around */
footer{
	display: flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	gap:1em;
	background:#0b2545;
	color:#e8eef7;
	padding:1.5em 1.2em;
	border-top:4px solid #ff6b35;
}
.footer_block p{
	margin:.2em 0;
}
.social{
	display:flex;
	gap:.9em;
}
.social a{
	display:block;
	line-height:0;
	transition:transform .2s;
}
.social a:hover{
	transform:translateY(-3px);
}
footer a:link,
footer a:visited{
	color:#ffb27f;
}
footer a:hover{
	color:#fff;
}
#copyright{
	background:#071a30;
	color:#8fa3bf;
	text-align:center;
	font-size:.85em;
	padding:.7em 1em;
}

/* widths less than 1000px */
@media (max-width:1000px){
	#wrapper{
		width:100%;
		margin:0;
		border-radius:0;
	}
}
/* widths less than 700px */
@media (max-width:700px){
	#main{
		flex-direction:column;
		padding:1em;
	}
	.column1,
	.column2,
	.column3{
		border:none;
		padding:0;
		margin-bottom:1.8em;
	}
	#title{
		font-size:2em;
	}
}