@media screen and (max-width: 937px) {
	/* update this span so the javascript can tell what size the page is at */
	#currentMediaQueryPageSize { content: "mobile"; display: none; }
	
	/* resize the main form */
	form { width:auto; margin-top:0; }
	
	/* make multi line text boxes smaller than the full width */
	.multilineTextBox { width: 80%; }
	
	/* make the container go away */
	.body-layout { border: 0; }
	.innerContainer { padding:0; width:100%; margin-right: auto; display: block; }
	
	/* hide non mobile images */
	.nonMobileImage { display:none; }
	
		
	/* halfline is only used for sliders */
	.halfLine { width:100%; margin-right: 0; margin-bottom:20px;}
	
	/* radio button control */
	.customRadioButtonList > input[type=text] { margin-left:0; }
}

@media screen and (min-width: 938px) {
	/* update this span so the javascript can tell what size the page is at */
	#currentMediaQueryPageSize { content: "fullsize"; display: none; }
	
	/* resize the main form */
	form { margin-right: auto; margin-left:auto; display: block; margin-top:8px; }
}

@media screen and (min-width: 938px) {
	/*html { font-size: 16px; }
	.headerImageContainer:before { content: "first "; }*/
}

@media screen and (max-width: 938px) {
	/*html { font-size: 17px; }
	.headerImageContainer:before { content: "second "; }*/
}

@media screen and (max-width: 838px) {
	/*html { font-size: 18px; }
	.headerImageContainer:before { content: "third "; }*/
}

@media screen and (max-width: 738px) {
	 /*html { font-size: 19px; }
   .headerImageContainer:before { content: "fourth "; }*/
}

@media screen and (max-width: 638px) {
	/*html { font-size: 20px; }
	.headerImageContainer:before { content: "fifth "; }*/
}

@media screen and (max-width: 937px) {
    .questionsContainer {
        margin-left: 20px;
        margin-right: 20px;
    }

    .bottomButtons {
        margin-left: 20px;
        margin-right: 20px;
    }

    .ticks.answer-text {
        font-size: 50%
    }
}

@media screen and (orientation:landscape) and (max-width: 937px) {
    /* Landscape styles */

    .ticks.answer-text {
        font-size: 50%
    }

    .question-text {
        font-size: 87.5%;
    }

    .answer-text {
        font-size: 87.5%;
    }

    .required-question-text {
        font-size: 87.5%;
    }

    .descriptionText {
        font-size: 87.5%;
    }
}