.woman1 {
	position: absolute;
	bottom: 0;
}

.woman1 img {
	max-width: 24vw;
}

.woman2 {
	position: absolute;
	bottom: 0;
	right: 0;
}

.woman2 img {
	max-width: 30vw;
}

.bubble1{
	position: absolute;
	z-index: 1;
	margin-left: 22vw;
	margin-top: 17vw;
}

.bubble1 img{
	max-width: 23vw;

}

.bubble2{
	position: absolute;
	z-index: 1;
	margin-left: 33vw;
	margin-top: 7vw;
}

.bubble2 img{
	max-width: 15vw;

}

.bubble3{
	position: absolute;
	z-index: 1;
	margin-left: 35vw;
	margin-top: 30vw;
}

.bubble3 img{
	width: 18vw;
}

.bubble4{
	position: absolute;
	position: absolute;
	z-index: 1;
	margin-left: 55vw;
	margin-top: 29vw;
}

.bubble4 img{
	max-width: 14vw;
}

.bubble5{
	position: absolute;
	z-index: 0;
	margin-left: 46vw;
	margin-top: 8vw;
}

.bubble5 img{
	max-width: 20vw;
}

.bubble6{
	position: absolute;
	z-index: 0;
	margin-left: 54vw;
	margin-top: 12vw;
}

.bubble6 img{
	max-width: 18vw;
}

@media (max-width: 700px) {
	.pageBanner1{
		background-image: url("myths_01_02.png");
		background-position: center; 
		background-size: cover;
		width: 100%;
		height: 50vw;
		position: relative;
		padding-top: 0px;
		margin-top: 0;
		border-top: 10px solid #FAF8F4;
	}


	.pageBanner2{
		background-image: url("myths_02.png");
		background-position: center; 
		background-size: cover;
		width: 100%;
		height: 50vw;
		position: relative;
		padding-top: 0px;
		margin-top: 0;
		border-top: 10px solid #FAF8F4;
	}
	.pageBanner3{
		background-image: url("myths_03.png");
		background-position: center; 
		background-size: cover;
		width: 100%;
		height: 50vw;
		position: relative;
		padding-top: 0px;
		margin-top: 0;
		border-top: 10px solid #FAF8F4;
	}

	.pageBanner4{
		background-image: url("myths_04.png");
		background-position: center; 
		background-size: cover;
		width: 100%;
		height: 50vw;
		position: relative;
		padding-top: 0px;
		margin-top: 0;
		border-top: 10px solid #FAF8F4;
	}
}

@media (min-width: 701px) {
	.pageBanner1{
		background-image: url("myths_01_02.png");
		background-position: center; 
		background-size: cover;
		width: 100%;
		height: 30vw;
		position: relative;
		padding-top: 0px;
		border-top: 20px solid #FAF8F4;
	}


	.pageBanner2{
		background-image: url("myths_02.png");
		background-position: center; 
		background-size: cover;
		width: 100%;
		height: 30vw;
		position: relative;
		padding-top: 0px;
		border-top: 20px solid #FAF8F4;
	}
	.pageBanner3{
		background-image: url("myths_03.png");
		background-position: center; 
		background-size: cover;
		width: 100%;
		height: 30vw;
		position: relative;
		padding-top: 0px;
		border-top: 20px solid #FAF8F4;
	}

	.pageBanner4{
		background-image: url("myths_04.png");
		background-position: center; 
		background-size: cover;
		width: 100%;
		height: 30vw;
		position: relative;
		padding-top: 0px;
		border-top: 20px solid #FAF8F4;
	}
}

@media (min-width: 1251px) {
	.pageBanner1{
		background-image: url("myths_01_02.png");
		background-position: center; 
		background-size: cover;
		width: calc(100% - 60px);
		height: 30vw;
		position: relative;
		padding-top: 0px;
		border-top: 20px solid #FAF8F4;
	}


	.pageBanner2{
		background-image: url("myths_02.png");
		background-position: center; 
		background-size: cover;
		width: calc(100% - 60px);
		height: 30vw;
		position: relative;
		padding-top: 0px;
		border-top: 20px solid #FAF8F4;
	}
	.pageBanner3{
		background-image: url("myths_03.png");
		background-position: center; 
		background-size: cover;
		width: calc(100% - 60px);
		height: 30vw;
		position: relative;
		padding-top: 0px;
		border-top: 20px solid #FAF8F4;
	}

	.pageBanner4{
		background-image: url("myths_04.png");
		background-position: center; 
		background-size: cover;
		width: calc(100% - 60px);
		height: 30vw;
		position: relative;
		padding-top: 0px;
		border-top: 20px solid #FAF8F4;
	}
}