body
{
  font-family:Segoe UI Regular,HelveticaNeue, Droid Sans, Arial, Sans-Serif;
  color:#ebebeb; /*xboxwhite*/
  background-color: #333333;
}

article a.articleTitle, article a.articleTitle:visited 
{
    color:#6b6b6b;
}

.articleTitle {
    visibility: hidden;
}

article {
    background-color: #333333;
}

.kinectSpeech {
    color: #5dc21e;
}

.noBullet li {
    list-style-type: none;
    margin: 0 0 0 2em;
}

    .noBullet li span {
        margin: 0 0 0 -2em;
    }

.mainBefore {
	-webkit-column-break-before: always;
	-moz-column-break-before: always;
	-ms-column-break-before: always;
	-o-column-break-before: always;
	break-before: column;
}


/* SNAPPED */
@media (orientation:portrait)  and (min-width: 336px) and (max-width: 480px) and (min-height: 901px) and (max-height: 1080px) {
    .mainBefore {
		-webkit-column-break-before: auto;
		-moz-column-break-before: auto;
		-ms-column-break-before: auto;
		-o-column-break-before: auto;
		break-before: auto;
	} 

    .snappedBefore {
		-webkit-column-break-before: always;
		-moz-column-break-before: always;
		-ms-column-break-before: always;
		-o-column-break-before: always;
		break-before: column;
	}
}


/* TABLET */
@media (orientation:landscape) and (max-height: 900px), (orientation:landscape) and (min-height: 1081px), (orientation:landscape) and (max-width: 1430px) and (min-height: 901px) and (max-height: 1080px), (orientation:landscape) and (min-width: 1930px) and (min-height: 901px) and (max-height: 1080px) {
    .articleTitle {
        visibility: visible;
    }

    .mainBefore {
		-webkit-column-break-before: auto;
		-moz-column-break-before: auto;
		-ms-column-break-before: auto;
		-o-column-break-before: auto;
		break-before: auto;
	}
}


/* MOBILE */
@media (orientation:portrait) and (max-height: 900px), (orientation:portrait) and (min-height: 1081px), (orientation:portrait) and (max-width: 335px) and (min-height: 901px) and (max-height: 1080px), (orientation:portrait) and (min-width: 481px) and (min-height: 901px) and (max-height: 1080px) {
    .articleTitle {
        visibility: visible;
    }

    .mainBefore {
		-webkit-column-break-before: auto;
		-moz-column-break-before: auto;
		-ms-column-break-before: auto;
		-o-column-break-before: auto;
		break-before: auto;
	}
}


/* BACKGROUNDS */
article#TOC {
    background: url(img/bg-01.png) no-repeat left top;
    background-size: cover;
}

article#welcome_to_screamWorks {
    background: url(img/bg-01-blur.png) no-repeat left top;
    background-size: cover;
}

article#gameplay_and_controls {
    background: url(img/bg-02.png) no-repeat left top;
    background-size: cover;
}

article#game_modes, article#screamrider, article#engineer_coaster, article#engineer_amusement, article#demolition_expert_amusement, article#level_maker, article#gameplay_tips {
    background: url(img/bg-02-blur.png) no-repeat left top;
    background-size: cover;
}

article#connect_to_xbox_live {
    background: url(img/bg-04-blur.png) no-repeat left top;
    background-size: cover;
}

article#contact {
    background: url(img/bg-05-blur.png) no-repeat left top;
    background-size: cover;
}


@media (orientation:portrait) and (min-width: 336px) and (max-width: 480px) and (min-height: 901px) and (max-height: 1080px), (orientation:portrait) and (max-height: 900px), (orientation:portrait) and (min-height: 1081px), (orientation:portrait) and (max-width: 335px) and (min-height: 901px) and (max-height: 1080px), (orientation:portrait) and (min-width: 481px) and (min-height: 901px) and (max-height: 1080px) {
    article#TOC, article#welcome_to_screamworks, article#gameplay_and_controls , article#screamrider, article#engineer_coaster, article#engineer_amusement, article#demolition_expert_amusement, article#level_maker, article#gameplay_tips , article#general, article#screamrider_tips, article#engineer_amusement_tips, article#demolition_tips, article#levelmaker_tips, article#connect_to_xbox_live, article#contact {
        background: transparent;
    }
}