body {
    font-family: "Segoe UI Light", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Droid Sans, Arial, Sans-Serif;
    font-weight: 300;
}

.helpMenu {
    background: transparent url(img/bg_fill.png) no-repeat center center;
    background-size: cover;
}
	
.articles article:not(.helpMenu) {
	background: transparent url(img/bg_fill_article.png) no-repeat right top;
    background-size: cover;
}

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

/* ADDITIONAL STYLES */
sup {
    vertical-align: super;
    font-size: smaller;
    line-height: 1em;
}

.strong {
    font-family: "Segoe UI Regular", Helvetica, Droid Sans, Arial, Sans-Serif;
    font-weight: 400;
}

.kinectSpeech {
	color: #5dc21e;
    font-weight: 600;
}

.noBullet {
    list-style-type: none;
}

.columnBreak {
    break-before: column;
}


/* 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) {
	.helpMenu {
		background: transparent url(img/bg_snap_article.png) no-repeat center top;
        background-size: cover;
	}
	
	.articles article:not(.helpMenu) {
		background: transparent url(img/bg_snap_article.png) no-repeat right top;
        background-size: cover;
	}

    .controller {
        display: none;
    }
}


/* SNAPPED */
@media (orientation:portrait)  and (min-width: 336px) and (max-width: 480px) and (min-height: 901px) and (max-height: 1080px) {
	.helpMenu {
		background: transparent url(img/bg_snap.png) no-repeat center top;
        background-size: cover;
	}
	
	.articles article:not(.helpMenu) {
		background: transparent url(img/bg_snap_article.png) no-repeat right top;
        background-size: cover;
	}

    .controller {
        display: none;
    }
}


/* 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) {
	.helpMenu {
		background: transparent url(img/bg_fill.png) no-repeat center center;
        background-size: cover;
	}
	
	.articles article:not(.helpMenu) {
		background: transparent url(img/bg_fill_article.png) no-repeat right top;
        background-size: cover;
	}

    .controller {
        column-span: all;
        -webkit-column-span: all;
        -moz-column-span: all;
        -ms-column-span: all;
        -o-column-span: all;
    }

        .controller img {
            max-width: 60%;
        }

    .columnBreak {
        break-before: avoid;
    }
}