.bannerSize {
	width: 300px;
	height: 600px;
}

/* ! backgrounds */
#background_one {
	background: url("img/background_one.jpg") no-repeat;
	background-size: contain;
	width: 300px;
	height: 1200px;
}
#background_two {
	background: url("img/background_two.jpg") no-repeat;
	background-size: contain;
}
#background_three {
	background: url("img/background_three.jpg") no-repeat;
	background-size: contain;
}
#background_final {
	background: url("img/background_final.jpg") no-repeat;
	background-size: contain;
}
/* #reference {
	background: url("img/reference.png") no-repeat;
	background-size: contain;
} */

/* ! copy */
#text1_1 {
	background: url("img/text1_1.png");
	background-size: contain;
	clip: rect(0px 300px 300px 19px);
}
#text2_1 {
	background: url("img/text2_1.png");
	background-size: contain;
	/* clip: rect(0px 300px 600px 0px); */
}
#text3_1 {
	background: url("img/text3_1.png");
	background-size: contain;
	/* clip: rect(0px 300px 600px 0px); */
}
#text4_1 {
	background: url("img/text4_1.png");
	background-size: contain;
	/* clip: rect(0px 300px 600px 0px); */
}
#text5_1 {
	background: url("img/text5_1.png");
	background-size: contain;
	clip: rect(0px 300px 300px 19px);
}
#text6_1 {
	background: url("img/text6_1.png");
	background-size: contain;
	clip: rect(0px 300px 300px 19px);
}

/* ! bar element */
#element1_1 {
	background: url("img/element1_1.png");
	background-size: contain;
	clip: rect(17px 300px 300px 0px);
}
#element1_2 {
	background: url("img/element1_2.png");
	background-size: contain;
	clip: rect(17px 300px 72px 0px);
}

/* ! misc */
#cta {
	position: absolute;
	left: 170px;
	top: 552px;
	width: 110px;
	height: 27px;
	border: 1px solid white;
	z-index: 1;
}
#ctaWhite {
	position: relative;
	width: 86px;
	height: 10px;
	background: url("img/cta_white.png") no-repeat;
	background-size: contain;
	top: 8px;
	left: 12px;
}
#ctaBlack {
	position: relative;
	width: 86px;
	height: 10px;
	background: url("img/cta_black.png") no-repeat;
	background-size: contain;
	top: -2px;
	left: 12px;
}
#logo {
	background: url("img/logo.png") no-repeat;
	background-size: contain;
}
#legal {
	background: url("img/legal.png") no-repeat;
	background-size: contain;
}
#legalModal {
	background-color: #000;
	background-image: url("img/modal.png");
	/* background-size: contain; */
}
#legalButton {
	position: absolute;
	cursor: pointer;
	right: 14px;
	bottom: 58px;
	width: 66px;
	height: 14px;
	/* background-color: rgba(0, 250, 0, 0.5); */
}
#exit {
	cursor: pointer;
	position: absolute;
	top: 6px;
	right: 7px;
	width: 15px;
	height: 15px;
	/* background: rgba(0, 250, 0, 0.5); */
}