body {
	background-color: #022447;
	background-image: url('../img/background.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
}
.header {
	width: 95%;
	margin: 0 auto;
	display: flex;
  	align-items: left;
}
.logo {
	margin:20px 20px 20px 0;
	max-width: 20%;
}
.logo img {
	max-width: 100%;
}
.text {
	width:87%;
	display: flex;
	align-items: center;
}
.text div{
	width:100%;
}
.title {
	color: #00b6d7;
	font-size:4vw;
	text-transform: uppercase;
	border-bottom:2px solid #fff;
	padding-bottom: 10px;
	margin-bottom:0;
}
.subtitle {
	color: #fff;
	font-size:2.5vw;
}
.img-ar {
	height: 1em;
}
.plan {
	padding:20px;
	text-align: center;
}
.plan img {
	max-width:40%;
}
@media screen and (min-width: 701px) {
  	.title {
 		font-size:2em;
	}
	.subtitle {
		font-size:1.2em
	}
}