/* =========================================================
   BLUAZUR AUDIOMODS
   ========================================================= */


/* ===== RESET / BASE ===== */

* {
	box-sizing: border-box;
}

html {
	background: #08090a;
}

body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	background: #08090a;
	color: #ffffff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

body,
td,
th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Arial, Helvetica, sans-serif;
}


/* ===== PAGE LAYOUT ===== */

/*
   The outer box provides breathing room.
   The actual reading column is controlled by #page.
*/

.content-box {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding: 0 24px;
}

#page {
	width: 100%;
	max-width: 820px;
	margin: 28px auto 40px;
	padding: 0;
}


/* ===== IMAGES ===== */

img {
	display: block;
	margin: 20px auto;
	max-width: 100%;
	height: auto;
}

a img {
	border: 0;
}

/* ===== HEADER / TITLE ===== */

.title-box {
	width: 100%;
	max-width: 820px;
	margin: 0 auto 14px;
	padding: 25px 20px 22px;

	text-align: center;

	background: #111315;

	border-top: 1px solid #56636a;
	border-bottom: 1px solid #30383c;
}

.main-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 38px;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: 5px;
}

.sub-title {
	margin-top: 8px;
	font-size: 12px;
	color: #849198;
	letter-spacing: 5px;
	text-transform: uppercase;
}

/* ===== SECTION HEADINGS ===== */

/*
   These affect your existing STAGE 1 FILTER and CONCLUSION
   headings without changing normal paragraph text.
*/

.style106 {
	display: inline-block;

	margin-bottom: 8px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: 700;

	color: #d7e0e3;

	letter-spacing: 2px;
	text-transform: uppercase;

	border-bottom: 1px solid #58666d;
	padding-bottom: 5px;
}


/* ===== LEGACY STYLE CLASSES ===== */

.style51 {
	font-size: 12px;
}

.style104 {
	font-size: 36px;
	text-align: justify;
}

.style37 {
	color: #ff0000;
	font-size: 12px;
}

.style105 {
	color: #cccccc;
	font-weight: bold;
}

.style46 {
	color: #ff0000;
	font-size: 12px;
	font-weight: bold;
}

.style49 {
	font-size: 9px;
}

/* ===== ARTICLE CONTENT ===== */

/*
   Text and image blocks replace the old
   table-based page layout.
*/

.article-text {
	width: 100%;
	margin: 0 auto 24px;
}

.article-text p {
	margin-bottom: 24px;
	text-align: justify;
}
.text-block {
	width: 100%;
	margin: 0 auto 24px;
	text-align: justify;
}

.image-block {
	width: 100%;
	margin: 24px auto;
	text-align: center;
}

.image-block img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}


/*
   Keep your existing article images prominent.
   They will shrink automatically on smaller screens.
*/

#page img {
	max-width: 100%;
	height: auto;
}


/*
   Give the larger photographic images a subtle
   edge without turning them into "cards".
*/

#page img[src$=".jpg"],
#page img[src$=".png"] {
	border: 1px solid #292d2f;
}





/* ===== ANIMATIONS ===== */

@keyframes nav-prev-anim {
	to {
		transform: translateX(4px);
	}
}

@keyframes nav-next-anim {
	to {
		transform: translateX(-4px);
	}
}


/* ===== PRE ===== */

pre {
	padding: 2px 0;
	border-top: 1px dotted #353b3e;
	border-bottom: 1px dotted #353b3e;
}


/* ===== LISTS ===== */

ul {
	list-style-type: disc;
	padding-left: 40px;
	margin: 0;
}


@media (max-width: 700px) {
    .content-box {
        padding-left: 16px;
        padding-right: 16px;
    }
}

	#page {
		margin-top: 16px;
	}

	/* Title */
	.title-box {
		padding: 24px 24px 22px;
		margin-bottom: 28px;
	}

	.main-title {
		font-size: 29px;
		letter-spacing: 2px;
		line-height: 1.15;
	}

	.sub-title {
		font-size: 12px;
		letter-spacing: 2.5px;
		line-height: 1.4;
	}

	/* Article text */
	.article-text {
		padding-left: 4px;
		padding-right: 4px;
		line-height: 1.65;
		text-align: justify;
	}

	.article-text p {
		margin-bottom: 20px;
		text-align: justify;
	}

	.image-block {
		margin: 22px auto;
	}

	#page img {
		max-width: 100%;
		height: auto;
	}

	.style106 {
		font-size: 19px;
	}
}