@charset "utf-8";
/* CSS Document */

.mob-box {
	background-image: url(../images/layout/m-sparklies-bg.jpg);
}

.content li::before {
	content: "\2022";
	color: #9ec99e;
	font-weight: bold;
	display: inline-block; 
	width: 0.6em;
	margin-left: -0.6em;
	line-height: 0em;
	font-size:2em;
}

.content ul {
	margin: 2em 3em 0em 3em;
	list-style-type: none;
	font-size: 0.65em;
}

h3 {
	width:60vw;
	margin-top:10vh;
}

em.script {
	font-family:nexa-script, Satisfy, Brush Script MT, sans-serif;
	font-style:normal;
}

@media only screen and (orientation:landscape){
	.mob-box {
		background-image: url(../images/layout/ml-sparklies-bg.jpg);
	}
}

@media only screen and (orientation:landscape) and (max-resolution:150dpi) {
	.dt-box {
		background-image: url(../images/layout/d-sparklies-bg.jpg);
		background-position:center;
	}
	
	.content-box {
		background-color:#ffffff;
		width:40vw;
		position:sticky;
		height:100vh;
		left:24vw;
		top:0vh;
		margin-top:20vh;
		z-index:1;
	}
	
	.content {
		background-color:inherit;
		width: 40vw;
		margin:0em auto -85vh auto;
		position:relative;
		top:-92vh;
		z-index:20;
	}
	
	.header {
		position:relative;
		top: 2vw;
		margin:auto;
		width:40vw;
	}
	
	.h3-box {
		width:20vw;
		margin-top:10vh;
		position:relative;
		left:-22vw;
		height:0em;
	}
	
	.h3-white-box {
		background-color: #ffffff;
		width:15vw;
		position:relative;
		left:5vw;
	}
	
	h2 {
		padding-top:0em;
		width:40vw;
	}
	
	h3 {
		width:20vw;
		margin-top:0em;
		border-left:none;
		border-right: 0.15em solid #000000;
		text-align:right;
		position:relative;
		left:-5vw;
		top:-1.5vh;
	}
	
	.content ul {
		margin-top: 0em;
		columns: 2;
	}
	
	p {
		margin:0em 0em 1em 0em;
		line-height:2em;
	}
	
	.content li::before {
		content:none;
	}
	
	.content li {
		padding: 0.5em 0em;
		text-align:center;
	}
}

@media only screen and (orientation:landscape) and (max-resolution:130dpi) and (max-width:1240px) {
	h3 {
		top: -0.3em;
		font-size:0.7em;
		line-height: 1em;
	}
}