body, html, #adContainer {
		width: 640px;
		height: 480px;
		margin: 0;
		padding: 0;
	}

/*	body {
		border: 1px solid #000;
		box-sizing: border-box;
	}*/

	#replay-white, #button, #logo, #text1, #text2, #blue-square  {
		opacity: 0;
	}

	#opaque-border {
	    left: 70px !important;
	    top: 70px !important;
	    opacity: .5 !important;
	}

	.opaque-border {
		stroke-dasharray: 2200;
		stroke-dashoffset: 2200;
		animation: complete 6s ease-out forwards;
		animation-delay: 1s;
	}

	@keyframes complete {
		to {
			stroke-dashoffset: 0;
		}
	}

	.wrapper {
	    position: absolute;
	    left: -16em;
	}

	#replay-button {
		position: absolute;
		z-index: 40;
		cursor: pointer;
	}

	#adContainer {
		background-repeat:no-repeat;
		background-color: #005172;
		position: relative;
		top: 0;
		left: 0;
		overflow: hidden;
		z-index: 0;
	}

	#logo, #text1, #text2, #blue-square, #imageBG1, #imageBG2, #opaque-border, #border  {
		position: absolute;
		left: 0;
		top: 0;
	}

	#button {
		position: absolute;
		z-index: 9;
		transition: .2s ease-out;
	    transform-origin: 20% 70%;
	    transform: scale(1, 1);

	}

	#button:hover {
		transform: scale(1.09);

	}

	#imageBG1, #imageBG2 {
		z-index: 1;
	}

	#blue-square {
		z-index: 2;
	}

	#logo {
		z-index: 3;
	}


	#text1, #text2 {
		z-index: 4;
	}

	#opaque-border, #border {
		z-index: 5;
	}


	#replay-white {
	    position: absolute;
	    left: 533px;
	    top: 71px;
	    z-index: 10;
	    width: 35px;
	}