.markbox {
	background: rgba(255, 255, 255, 0.9);
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 100000;
}

.markbox:after {
	color: #727272;
	content: "+";
	font-size: 5em;
	font-weight: 100;
	position: absolute;
	right: 1em;
	top: 0.1em;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.markbox iframe {
	float: left;
	margin: 5em 15% 0;
	width: 70%;
}

@media all and (min-width: 768px) and (max-width: 1024px) { }

@media all and (min-width: 481px) and (max-width: 768px) { 
	.markbox:after {
		font-size: 4em;
		right: 0em;
		top: 0em;
	}

	.markbox iframe {
		margin: 6em 0% 0 !important;
		padding: 0;
		width: 100% !important;
	}
}

@media all and (max-width: 480px) { 
	.markbox:after {
		font-size: 4em;
		right: 0em;
		top: 0em;
	}

	.markbox iframe {
		margin: 5em 0% 0 !important;
		width: 100% !important;
	}
}