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

html, 
body {
	empty-cells: show;
	border-spacing: 30px;
	background-repeat: no-repeat;
	background-color: #000000;
	background-size: cover;
	overflow: auto;
	background-image: url("");
	background-position: right top;
	min-height: 100vh;
	min-width: 480px;
/*	max-height: 760;*/
    margin: 0 auto;
}
	
footer {
	align: center;
	overflow: auto;
	background: rgba(0, 0, 0, 0.5);
	padding: 30px;
}

.navContainer {
background: rgba(0, 0, 0, 0.5); /* 50% opacity for background */
padding: 2px;
border-spacing: 5;	
}

.container {
background: rgba(0, 0, 0, 0.5); /* 50% opacity for background */
padding: 20px;
border-spacing: 5;	
}

.content {
opacity: 1; /* Fully opaque content */
color: white;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
	
.sectImg1 {
	vertical-align: middle;
}

.miUSA {
	opacity: 1;
	vertical-align: middle;
}
	
a:link {
	text-decoration: none;
		color: #CCB59F;
}
a:visited {
	text-decoration: none;
		color: #CCB59F;
}
a:hover {
	text-decoration: none;
		color: #CCB59F;
}
a:active {
	text-decoration: none;
		color: #CCB59F;
}
	

/*	Cell View*/
@media (min-width: 480px){
	body {
		background-image: url("_imgs/_background_1000w.png");
		min-width: 480px;
	}
	.whiteSpace {
		width: 0%;
	}
	.whiteNoise {
		width: 100%;
		min-width: 350px;
	}
	.style1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #CCB59F;
	}
	.style2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 27px;
		color: #CCB59F;
	}
	.style3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #CCB59F;
	}

	.style20 {
		font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
		font-size: 42px;
		color: #CCB59F;
	}
	.style10 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 30px;
		color: #CCB59F; 
		}
	.smLink {
		width: 120px;
		height: auto;
	}
	.smLinkSub {
		width: 60px;
		height: auto;
	}
	.logo {
		width: 200px;
		height: auto;
	}
	.sectImg1 {
		width: 160px;
		height: auto;
		border-color: #00ffff;
		border-opacity: 0.3;
	}
	.miUSA {
		width: 180px;
		height: auto;
		background-image: url("");
		border-color: aqua;
		border-top-left-radius: 7;
		border-bottom-left-radius: 7;
		border-top-right-radius: 7;
		border-bottom-right-radius: 7;
	}
}
	
	
/*	Desktop View*/
@media (min-width: 1024px){
	body {
		background-image: url("_imgs/_background_1400w.png");
		min-width: 700px;
		max-width: 3000px;
	}
	.container{
		padding: 0;
	}
	.whiteSpace {
		width: 25%;
	}
	.whiteNoise {
		width: 25%;
	}
	.style1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #CCB59F;
	}
	.style2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #CCB59F;
	}
	.style3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #CCB59F;
	}
	.style20 {
		font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
		font-size: 23px;
		color: #CCB59F;
	}
	.style10 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #CCB59F;
	}
	
	.smLink {
		width: 50px;
		height: auto;
	}
	.smLinkSub {
		width: 30px;
		height: auto;
	}
	.logo {
		width: 100px;
		height: auto;
	}
	.sectImg1 {
		width: 240px;
		height: auto;
		border-color: #00ffff;
		border-opacity: 0.3;
	}
	.miUSA {
		width: 160px;
		height: auto;
		background-image: url("");
		border-color: aqua;
		border-top-left-radius: 7;
		border-bottom-left-radius: 7;
		border-top-right-radius: 7;
		border-bottom-right-radius: 7;
	}
}