@media (min-width: 324px) { 
			.box25,
			.box33,
			.box40,
			.box50,
			.box60,
			.box67,
			.box75,
			.box100 { padding: 12px; }
	}

	/* Article
	========================================================================== */
	@media (min-width: 768px) { .articleBody { font-weight: 300; } }

		.articleBody h2,
		.articleBody h3,
		.articleBody h4,
		.articleBody h5,
		.articleBody h6 { font-family: "Oswald", sans-serif; font-weight: 400; }

		.articleBody h4 { font-family: 'Playfair Display', serif; text-transform: uppercase; }

			.articleBody .articleSlideshowButtons { margin: 0; height: 0; padding: 0; } 
				.articleBody .articleSlideshowButtons a { color: #404040; } 
				.articleBody .articleSlideshowButtons img { display: none; margin: 0 !important; padding: 0 !important; }
				.articleBody .articleSlideshowButtonsNext,
				.articleBody .articleSlideshowButtonsPrevious { font-size: 50px; line-height: 1em; margin-top: -25px; opacity: 0.4; position: absolute; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; top: 50%; }
				.articleSlideshowSlide:hover .articleSlideshowButtonsNext,
				.articleSlideshowSlide:hover .articleSlideshowButtonsPrevious { opacity: 1; }
				.articleBody .articleSlideshowButtonsPrevious { left: 4px; }
				.articleBody .articleSlideshowButtonsNext { right: 4px; }
					.articleBody .articleSlideshowButtonsNext span:not(.icon-circle-right),
					.articleBody .articleSlideshowButtonsPrevious span:not(.icon-circle-left) { display: none; }

	.articleHeader { margin-bottom: 0; }
		.articleHeaderByline { display: block; margin-bottom: 1rem; margin-left: auto; margin-right: auto; max-width: 250px; text-align: center; }
		@media (min-width: 728px) { .articleHeaderByline { display: inline-block; margin-left: 0; margin-right: 0; } }
			.articleHeaderByline .avatar { display: inline-block; max-width: 100px; padding: 0; vertical-align: middle; width: 20%; }
			.articleHeaderBylineAuthorBox { display: inline-block; font-size: 1rem; padding-left: 16px; vertical-align: middle; width: 80%; }
				.articleHeaderBylineAuthor { display: block; font-weight: bold; }
				.articleHeaderBylineSocials { display: block; font-size: 0; margin-top: 4px; }
					.articleHeaderBylineSocial { background: #aaa; color: #fff; display: inline-block; font-size: 12px; font-weight: normal; height: 16px; line-height: 12px; margin-right: 4px; padding: 2px; text-align: center; text-decoration: none; vertical-align: middle; width: 16px; }
					.articleHeaderBylineSocial:hover { color: #fff; text-decoration: none; }
						.articleHeaderBylineSocial span { display: inline-block; vertical-align: text-top; }
		.articleHeaderText { padding-bottom: 0; }
		@media (min-width: 728px) { .articleHeaderText { bottom: 0; left: 0; max-width: 80%; padding-bottom: 16px; padding-left: 24px; position: absolute; text-align: left; z-index: 2; } }
			.articleHeaderTextCategories { } 
			@media (min-width: 728px) { .articleHeaderTextCategories { margin: 0 0 8px -8px; text-align: left; } }
				.articleHeaderTextCategoriesHub,
				.articleHeaderTextCategoriesParent { background-color: #626262; color: #fff; font-family: 'Oswald', sans-serif; font-size: 1rem; font-weight: 300; letter-spacing: 1px; line-height: 1.2em; margin-right: 8px; padding: 2px 5px; text-transform: uppercase; }
				@media (min-width: 728px) { .articleHeaderTextCategoriesHub, .articleHeaderTextCategoriesParent { font-size: 1.2rem; } }
			.articleHeaderText h1 { font-family: 'Oswald', sans-serif; padding-bottom: 0; padding-left: 0; padding-right: 0; }
			@media (min-width: 728px) { .articleHeaderText h1 { background-color: #fff; box-shadow: 8px 0 0 #fff, -8px 0 0 #fff; color: #000; display: inline; font-size: 38px; line-height: 60px; padding-top: 0; } }
			@media (min-width: 1024px) { .articleHeaderText h1 { font-size: 48px; line-height: 75px; } }
			.articleHeaderPublishDate { background-color: #ddd; color: #626262;  font-family: 'Oswald', sans-serif; font-size: 1rem; font-weight: 300; letter-spacing: 1px; line-height: 1.2em; margin-right: 8px; padding: 2px 5px; }
			@media (min-width: 728px) { .articleHeaderPublishDate { font-size: 1.2rem; } }
			.articleHeaderShares { clear: none; display: inline-block; margin-top: 0; }

	#articleAdTop { }
	@media (min-width: 1024px) { #articleAdTop { margin-left: auto; margin-right: auto; } }

	/* Article Listing
	========================================================================== */
	.articleListingTextCategories { }
		.articleListingTextCategoriesHub,
		.articleListingTextCategoriesParent { background-color: #626262; color: #fff; font-family: 'Oswald', sans-serif; font-size: 0.9rem; font-weight: 300; letter-spacing: 1px; line-height: 1.2em; margin-right: 8px; padding: 2px 5px; text-transform: uppercase; }
		@media (min-width: 1024px) { .box100 > .boxContent > .articleListing .articleListingTextCategoriesHub { font-size: 1rem; } }
	.articleListingTextSummary { text-align: left; }
	.articleListingTextTitle { font-family: "Oswald"; font-weight: 400; letter-spacing: 1px; }

	.boxContent > .articleListing > .articleListingText > .articleListingTextTitle { font-size: 1.2em }

	@media (min-width: 965px) { 
		.box60 > .boxContent > .articleListing > .articleListingText > .articleListingTextTitle,
		.box67 > .boxContent > .articleListing > .articleListingText > .articleListingTextTitle,
		.box75 > .boxContent > .articleListing > .articleListingText > .articleListingTextTitle { font-size: 1.5em; } 
		.box100 > .boxContent > .articleListing > .articleListingText > .articleListingTextTitle { font-size: 2em; } 
	}

	@media (min-width: 648px) { 
		.box67 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
		.box75 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
		.box100 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories { position: static; left: auto; right: auto; top: auto; }
	}
	@media (min-width: 965px) { 
		.box40 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
		.box50 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
		.box60 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories { position: static; left: auto; right: auto; top: auto; }
	}
	@media (min-width: 1280px) { 
		.box10 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
		.box25 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
		.box33 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
		.box40 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories { position: static; left: auto; right: auto; top: auto; }
	}

	aside .box10 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
	aside .box25 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
	aside .box33 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
	aside .box40 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
	aside .box50 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
	aside .box60 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
	aside .box67 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
	aside .box75 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories,
	aside .box100 > .boxContent > .articleListing.textOnTop > .articleListingText > .articleListingTextCategories { position: static; left: auto; right: auto; top: auto;  }

	/* Category Ads
	========================================================================== */

	.categoryAdMiddle { border-bottom: none; margin-bottom: 0; margin-top: 0; padding-bottom: 12px; padding-top: 12px; text-align: center; }

	/* Contest
	========================================================================== */
	.contestHeaderText h1 { font-family: 'Oswald', sans-serif; padding-bottom: 0; padding-left: 0; padding-right: 0; }
		@media (min-width: 728px) { .contestHeaderText h1 { font-size: 38px; line-height: 60px; } }
		@media (min-width: 1024px) { .contestHeaderText h1 { font-size: 48px; line-height: 75px; } }
		.contestHeaderPublishDatesEnd,
		.contestHeaderPublishDatesStart { background-color: #ddd; color: #626262;  font-family: 'Oswald', sans-serif; font-size: 1rem; font-weight: 300; letter-spacing: 1px; line-height: 1.2em; margin: 0 8px; padding: 2px 5px; }
	.contestTerms { display: block; margin: 0.75rem auto 0; font-size: 0.8em; }
 	form ~ .contestTerms { border-top: #ddd 1px solid; padding: 0.75rem 0 0 0; }

	/* Index Ads
	========================================================================== */

	.homeAdMiddle { border-bottom: none; margin-bottom: 0; margin-top: 0; padding-bottom: 12px; padding-top: 12px; text-align: center; }

	/* Header login links
	========================================================================== */

	#headerUserNav { position: absolute; top: 90px; right: 34px; display: none; background: #76BE43; color: #fff; z-index: 1; }
		@media (min-width: 640px) { #headerUserNav { right: -5px; } }
		#headerUserNav a { display: block; margin: 5px 10px; font-size: 18px; color: #fff; text-decoration: none; white-space: nowrap; }
		#headerUserNav a:hover { color: #FAEBA9; text-decoration: none; }

	/* Header login links
	========================================================================== */

	#headerUserNav { position: absolute; top: 90px; right: 34px; display: none; background: #8E8F92; color: #fff; z-index: 1; }
		@media (min-width: 640px) { #headerUserNav { right: -5px; } }
		#headerUserNav a { display: block; margin: 5px 10px; font-size: 18px; color: #fff; text-decoration: none; white-space: nowrap; }
		#headerUserNav a:hover { color: #FAEBA9; text-decoration: none; }

	/* Magazine
	========================================================================== */
	@media (min-width: 768px) { .articleBody { font-weight: 300; } }

		.magazineBody h2,
		.magazineBody h3,
		.magazineBody h4,
		.magazineBody h5,
		.magazineBody h6 { font-family: "Oswald", sans-serif; font-weight: 400; }

		.magazineBody h4 { font-family: 'Playfair Display', serif; text-transform: uppercase; }

	.magazineHeader { margin-bottom: 0; }
		.magazineHeaderText { }
			.magazineHeaderTextCategories { } 
			@media (min-width: 728px) { .magazineHeaderTextCategories { margin: 0 0 8px -8px; } }
				.magazineHeaderTextCategoriesHub,
				.magazineHeaderTextCategoriesParent { background-color: #626262; color: #fff; font-family: 'Oswald', sans-serif; font-size: 1rem; font-weight: 300; letter-spacing: 1px; line-height: 1.2em; margin-right: 8px; padding: 2px 5px; text-transform: uppercase; }
				@media (min-width: 728px) { .magazineHeaderTextCategoriesHub, .articleHeaderTextCategoriesParent { font-size: 1.2rem; } }
			.magazineHeaderText h1 { font-family: 'Oswald', sans-serif; padding-bottom: 0; padding-left: 0; padding-right: 0; }
			@media (min-width: 728px) { .magazineHeaderText h1 { background-color: #fff; box-shadow: 8px 0 0 #fff, -8px 0 0 #fff; color: #000; display: inline; font-size: 38px; line-height: 60px; padding-top: 0; } }
			@media (min-width: 1024px) { .magazineHeaderText h1 { font-size: 48px; line-height: 75px; } }
			.magazineHeaderPublishDate { background-color: #ddd; color: #626262;  font-family: 'Oswald', sans-serif; font-size: 1rem; font-weight: 300; letter-spacing: 1px; line-height: 1.2em; margin-right: 8px; padding: 2px 5px; }
			@media (min-width: 728px) { .magazineHeaderPublishDate { font-size: 1.2rem; } }

	/* Member
	========================================================================== */
	.member h2 { font-family: "Oswald"; font-weight: 400; }

		@media (min-width: 768px) { .memberTextBio { font-weight: 300; } }

			.memberTextBio h2,
			.memberTextBio h3,
			.memberTextBio h4,
			.memberTextBio h5,
			.memberTextBio h6 { font-family: "Oswald", sans-serif; font-weight: 400; }

			.memberTextBio h4 { font-family: 'Playfair Display', serif; text-transform: uppercase; }

		.memberTextName { font-family: 'Oswald', sans-serif; }
		@media (min-width: 728px) { .memberTextName { color: #000; font-size: 38px; line-height: 60px; } }
		@media (min-width: 1024px) { .memberTextName { font-size: 48px; line-height: 75px; } }