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

.background {
	background-image:url('img/background 1.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height:100%;
}

#quote {
    letter-spacing: 1.2px;
    color: white;
    font-size: 30px;
    font-family: Helvetica;
    display: inline-block;
    position: absolute;
    right: 2%;
    top: 19%;
    max-width: 700px;
    line-height: 56px;
    text-align: right;
}
#name {
	color: tomato;
    font-weight: lighter;
}

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

@media (min-width: 994px) {
	#quote{
	letter-spacing: 1.2px;
    color: white;
    font-size: 30px;
    font-family: Helvetica;
    display: inline-block;
    position: absolute;
    right: 4%;
    top: 25%;
    max-width: 700px;
    line-height: 62px;
    text-align: right;
	}
}
@media (max-width: 800px) {
	#quote {
	letter-spacing: 1.2px;
    color: white;
    font-size: 17px;
    font-family: Helvetica;
    position: absolute;
	right: 10%;
    top: 585px;
    max-width: 718px;
    line-height: 86px;
    line-height: 18px;
    text-align: center;
	}
.background {
	background-image:url('img/background1.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height:100%;
}	
}

/*****SECOND******/
.background2 {
	background-image:url('img/background2.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height:100%;
}
#quote2 {
    letter-spacing: 1.2px;
    color: lightblue;
    font-size: 33px;
    font-family: Helvetica;
    display: inline-block;
    position: absolute;
    bottom: 5%;
    right: 2%;
    max-width: 389px;
    text-align: right;
    line-height: 44px;
}
#name2 {
	color: #ee5624;
	font-weight: lighter;
}
@media (min-width: 994px) {
	#quote2 {
    letter-spacing: 1.2px;
    color: lightblue;
    font-size: 33px;
    font-family: Helvetica;
    display: inline-block;
    position: absolute;
    bottom: 10%;
    right: 10%;
    max-width: 389px;
    text-align: right;
    line-height: 44px;
}
}
@media (max-width: 800px) {
	#quote2 {
    letter-spacing: 1.2px;
    color: #ee5624;
    font-size: 20px;
    font-family: Helvetica;
    display: inline-block;
    position: absolute;
    bottom: 2%;
    right: 5%;
    text-align: right;
    line-height: 33px;
}
#name2 {
	color:#6cdffe;
	font-weight: lighter;
}
}
/*****Third******/
.background3 {
	background-image:url('img/background3.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height:100%;
}
#quote3 {
    letter-spacing: 1.2px;
    color: #56d9e4;
    font-size: 28px;
    font-family: Helvetica;
    display: inline-block;
    position: absolute;
    top: 4%;
    left: 2%;
    max-width: 800px;
    text-align: left;
    line-height: 44px;
}
#name3 {
	color: lightgray;
	font-weight: lighter;
}

@media (max-width: 800px) {
#quote3 {
	letter-spacing: 1.2px;
    color: #56d9e4;
    font-size: 20px;
    font-family: Helvetica;
    display: inline-block;
    position: absolute;
    bottom: 2%;
    right: 4%;
    max-width: 606px;
    text-align: right;
    line-height: 37px;
}
}

@media (min-width: 994px) {
#quote3 {
    letter-spacing: 1.2px;
    color: #56d9e4;
    font-size: 28px;
    font-family: Helvetica;
    display: inline-block;
    position: absolute;
    top: 5%;
    left: 2%;
    max-width: 800px;
    text-align: left;
    line-height: 44px;
}
}