html, body {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

a {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

p {
	color: #262165;
	display: block;
	position: absolute;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	font-style: italic;
	letter-spacing: 1px;
}

a>div {
	background-image: url(../images/image3.png);
	height: 100%;
	background-size: cover;
	background-position: top left;
}

.first {
	font-size: 70px;
	top: 20%;
	left: 5%;
}

.second {
	font-size: 40px;
	top: 37%;
	left: 33%;
}

@media screen and (max-width: 1100px) and (min-width: 850px) {
	.first {
		font-size: 55px;
		top: 130px;
		left: 5%;
	}

	.second {
		font-size: 30px;
		top: 240px;
		left: 33%;
	}
}

@media screen and (max-width: 850px) and (min-width: 600px) {
	.first {
		font-size: 45px;
		top: 100px;
		left: 5%;
	}

	.second {
		font-size: 25px;
		top: 200px;
		left: 33%;
	}
}

/*@media screen and (max-width: 805px) {
	.background {
		height: 100%;
		margin-top: -30px;
		background-position: top right;
	}
}*/

@media screen and (max-width: 600px) {
	a>div {
		background-image: url(../images/image3-vertical.jpg);
		height: 100%;
		background-position: top right;
	}
}

@media screen and (max-width: 600px) and (min-width: 414px) {
	.first {
		font-size: 38px;
		top: 100px;
		left: 5%;
	}

	.second {
		font-size: 20px;
		top: 175px;
		left: 220px;
	}
}

@media screen and (max-width: 414px) and (min-width: 355px) {
	.first {
		font-size: 33px;
		top: 90px;
		left: 5%;
	}

	.second {
		font-size: 18px;
		top: 150px;
		left: 180px;
	}
}

@media screen and (max-width: 355px) {
	.first {
		font-size: 25px;
		top: 80px;
		left: 5%;
	}

	.second {
		font-size: 15px;
		top: 128px;
		left: 145px;
	}
}