.intro {
	min-height:				450px;
	background-image:
		linear-gradient(rgba(80,80,80,0.6),rgba(80,80,80,0.6)),
		url(/style/images/bg-intro.jpg);
	background-size:		cover;
	background-position:	center;
	padding-top:				30px;
	color:						white;
	font-size:					1.5em; /*1.2em;*/
}



.box {
	padding-top:				60px;
	height:					400px;
	background-size:		cover;
	background-position:	center;
	position:					relative;
	border-top:				7px solid white;
	color:						white;
	font-size:					1.2em;
}

.box h2 a {
	text-decoration:			none;
	color:						#00A8A2;
}

.box h2 a:hover {
	opacity:					0.5;
}

.box h2 {
	font-weight:				normal;
	color:						#00A8A2;
}

.box-1 {
	background-image:
		linear-gradient(rgba(80,80,80,0.6),rgba(80,80,80,0.6)),
		url(/style/images/bg-box-1.jpg);
}

.box-2 {
  background-image:
		linear-gradient(rgba(80,80,80,0.6),rgba(80,80,80,0.6)),
		url(/style/images/bg-box-2.jpg);
}

.box-3 {
	background-image:
		linear-gradient(rgba(80,80,80,0.6),rgba(80,80,80,0.6)),
		url(/style/images/bg-box-3.jpg);
}

.box p {
	width:						450px;
	max-width:				90%;
	margin:					auto;
	min-height:				150px;
}

@media (min-width: 550px) { /* min-width ≥ 550px */

	.box-grid .column {
		border-left:		7px solid white;
	}

	.box-grid .column:first-child {
		border-left:		0;
	}

}

.button,
button {
	color:					white;
	font-weight:			normal;
	letter-spacing:		0.1rem;
	text-transform:		uppercase;
	text-decoration:		none;
	background-color:	#00A8A4;
	border-radius:		4px;
	border:				none;
	cursor:				pointer;
	box-sizing:			border-box;
}

.button:hover, 
button:hover {
	opacity:				0.5;
	color:					white;
}