@charset "UTF-8";
/* CSS Document for the iFreX project */

html, body{
	background-color: #1b4fac;
	margin: 0;
	padding: 0;
	display: inline-block;
	text-align: center;
}

a:link, a:visited{
	text-decoration: none;
	color: #FF6600;
}

a:hover{
	color: lightgrey;
}

a:active{
	color: lightgrey;
}

.container {
	max-width: 640px;
	/* border: 2px solid orange; */
}

.headline {
	font-family: Gill Sans, Gill Sans MT, Myriad Pro, sans-serif;
	font-size: 2.4em;
	font-weight: 200;
	color: white;
	text-align: center;
	margin-top: 80px;

}

.image {
	padding-top: 60px;
	display: flex;
	width: 590px;
	height: 390px;
}

.column-layout {
	max-width: 600px;
	margin:20px auto 0 auto;
}

.call-out {
	flex-basis: 30%;
	box-sizing: border-box;
	margin-top: 30px;
}

footer{
	font-family: Gill Sans, sans-serif;
	font-size: 0.8em;
	font-weight: 100;
	color: lightgrey;
	opacity: 0.6;
	margin-top: 20px;
}

@media (min-width: 768px){
	.column-layout {
		display: flex;
		justify-content: space-between;
		font-size: 1.2em;
	}
}
	
@media (min-width: 480px){
	.column-layout {
		display: flex;
		justify-content: space-between;
		font-size: 1.4em;
	}	
	
}