/* CSS Document */

@media all and (max-width: 650px){
    body {
        font-size: 12px !important;
		margin: 0px;
    }


.deviceinfo {
height: 30px;
background-color: red;
}

.deviceinfo p:before {
content: "max-width: 650px"; 
}

	h2 {
	font-size: 12px;
	}

	h1 {
	font-size: 16px;
	line-height: 1.1 !important;
	margin-top: 0px;
	}

h3 {
font-size: 12px;
}

.quiz-button {
font-size: 10px;
}

	.minusmargintop {
	margin-top: -20px !important;
	}

	.xs-resized {
	max-width: 50%;
	}

	.container-media-query {
	max-width: 80%;
	}

	body {
	background: url(//s3.amazonaws.com/thoughtelevators1/iStock_000048153274_700px.jpg) #000 repeat center top !important;
	}

	.form-text {
	font-size: 12px;
	color: red !imporant;
}

.index-hybrid-padding {
margin-left: 20px;
margin-right: 20px;
	}

.paddinggap {
margin-top: 30px;
}

.paddingactual {
padding-top: 8px;
}

.quizArea input {
  margin-left: 0px;
  clear: both;
  vertical-align: top;
 display: inline-block;
}

.nextPage {
text-align: center;
}

.a_quizButton {
	font-size:14px;
}

form#signupnew input {
width: 90%;
}

.nextPage {
text-align:center;
}

.quizPart {
text-align:center;
}

.brain-image {
margin-top: 5px;
margin-bottom: 10px;
margin-left:auto;
margin-right:auto;
}

.quizPart {
margin-top: 20px !important;
}

.byline {
margin-left: 4px;
}

.ericimage {
max-width: 40% !important;
}

}



/* Portrait tablet to landscape and desktop */
@media (min-width:  651px) and (max-width: 979px) { 

    body {
        font-size: 10pt !important;
		margin: 15px;
  text-align: justify;
  line-height: 20px;
background: url('//d1t9m963ilj7ob.cloudfront.net/wp-content/uploads/2015/04/20214418/iStock_000048153274_XXXLarge.jpg') repeat top center;
background-attachment: fixed;
background-size:cover;
    }

.quiz-button {
font-size: 22px;
}


.a_quizButton {
	font-size:22px;
}

.index-hybrid-padding {
margin-left: 50px;
margin-right: 50px;
	}

.paddinggap {
margin-top: 30px;
}

.paddingactual {
padding-top: 30px;
}

.quizArea input {
  margin-left: 25px;
  clear: both;
  vertical-align: top;
 display: inline-block;
}

form#signupnew input {
width: 300px;
}

.quizPart {
margin-left: 30px;
margin-top: 20px;
}




}
 




@media all and (min-width: 979px){
    body {
        font-size: 12pt !important;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 20px;
		margin-top: 30px;
  text-align: justify;
  line-height: 22px;
    }


.a_quizButton {
	font-size:22px;
}

	h2 {
	font-size: 24px;
	}

	h1 { 
	font-size: 33px;
	}

	.form-text {
	font-size: 16px;
}

.index-hybrid-padding {
margin-left: 70px;
margin-right: 70px;
}

.minusmargin-right {
margin-right: -70px;
}

.paddinggap {
margin-top: 30px;
}

.paddingactual {
padding-top: 30px;
}

.quizArea input {
  margin-left: 25px;
  clear: both;
  vertical-align: top;
 display: inline-block;
}

.quiz-button {
font-size: 22px;
}

form#signupnew input {
width: 300px;
}

.quizPart {
margin-left: 30px;
margin-top: 50px !important;
}

.brain-image {
margin-top: 40px;
}

.byline {
margin-top: 10px;
}


}