@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

@media only screen and (max-width: 1228px) {

#little-people-wrapper {
text-align: center;
}

.little-people {
    margin: auto;
    max-width: 157px;
    width: 100%;
	float: none;
}

#customer-base-box {
margin-left: 0px;
}

#customer-base-text {
    margin: auto;
    text-align: center;
    width: 90%;
	float: none;
	padding: 0;
}

.customer-base-header {
    line-height: 1em;
    margin-bottom: 20px;
	width: 100%;
		float: none;
}

.customer-base-paragraph {
    font-size: 1.5em;
	width: 100%;
		float: none;
}

}

@media only screen and (max-width: 1112px) {
#stripe2-box {
    margin: auto;
    width: 100%;
}

.martini-glass {
    width: 25%;
}

#stripe2-right {
    width: 75%;
	margin: 0px;
}

#home-stripe-2 {
padding-top: 10%;
}

}

@media only screen and (max-width: 1000px) {

#contact-page {
width: 90%;
padding: 2.5%;
margin-top: 2.5%;
}

#faq-page {
width: 90%;
padding: 2.5%;
margin-top: 2.5%;
}

}


@media only screen and (max-width: 870px) {

#logo {
    margin: 10px auto 0;
    width: 251px;
	float: none;
}

#header {
line-height: 1em;
}

#navbar {
    float: left;
    margin: 15px 0 10px;
    width: 100%;
}

#nav-list li {
    float: left;
    width: 16.5%;
}

#home-stripe-4 {
padding: 10% 5%;
width: 90%;
}

#stripe4-wrapper {
float: left;
    width: 100%;
}

#check-mark-box {
width: 100%;
}

.checkbox {
    width: 10%;
}

#stripe4-box {
    float: left;
    margin: 0 0 0 5%;
	width: 85%;
}

#check-mark-box h4 {
width: 100%;
}

#check-mark-box p {
    width: 100%;
}

#faq-page p {
    font-size: 1.3em;
}

#faq-page h3 {
    font-size: 1.5em;
}

#faq-page h1 {
    font-size: 3em;
}

}

@media only screen and (max-width: 800px) {

#stripe6-box {
    margin: auto;
width: 90%;
padding: 0 5%;
}

#home-stripe-5 {
    padding: 20% 5%;
    width: 90%;
}

}

@media only screen and (max-width: 789px) {

.why-trivia-h {
    width: 100%;
	line-height: 1.5em;
}

#home-stripe-1 {
height: auto;
}

#customer-base-box {
    padding: 10% 2.5%;
    width: 95%;
}

}

@media only screen and (max-width: 789px) {

.stripe-3-p {
    font-size: 1.2em;
}

.hours-header {
    font-size: 2em;
    line-height: 18px;
}

}

@media only screen and (max-width: 789px) {
#check-mark-box h4 {
    font-size: 1.5em;
}

.margin-check {
    margin-bottom: 50px;
}

}

@media only screen and (max-width: 715px) {

.stripe3-p {
    font-size: 1.3em;
}
.stripe3-h {
    font-size: 2em;
}

#home-stripe-3 {
padding: 25% 5%;
width: 90%;
}

.dollar-sign {
    width: 25%;
}

}

@media only screen and (max-width: 664px) {

.martini-glass {
display: none;
}

.stripe-3-p {
    margin: 20px 0;
    padding: 0 5%;
    text-align: center;
    width: 90%;
}

.hours-header {
 width: 100%;
 text-align: center;
}

#stripe2-right {
    margin: 0;
    width: 100%;
}

}

@media only screen and (max-width: 635px) {

.stripe3-h {
    margin-bottom: 30px;
}

}

@media only screen and (max-width: 601px) {
#tagline {
    font-size: 2.3em;
}
}

@media only screen and (max-width: 567px) {

#footer {
    padding: 5%;
	width: 90%;
}

#copyright {
margin: 0;
}

#footer-links {
margin: 0;
}

}

@media only screen and (max-width: 558px) {
#navbar {
    float: left;
    margin: 15px 0 0;

}

#nav-list li {
    font-size: 0.8em;
    margin-bottom: 10px;
    width: 33%;
}

#little-people-wrapper {
    margin: auto;
    text-align: center;
    width: 25%;
}

#home-stripe-6 {
padding: 10% 0;
}

#home-stripe-6 h3 {
    font-size: 2em;
}
 
 #home-stripe-6 p {
    font-size: 1.5em;
}

#home-stripe-6 li {
    font-size: 2em;
}

#home-stripe-6 ul {
    margin-bottom: 40px;
    margin-top: 40px;
}

.about-us-p {
    font-size: 1.3em;
}

#contact-page h1 {
    font-size: 2em;
	}

#contact-page {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#faq-page {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

#faq-page h1 {
    font-size: 2em;
	margin-bottom: 25px;
}


#faq-page h3 {
    font-size: 1.3em;
    margin-bottom: 10px;
}

#faq-page p {
    font-size: 1.1em;
	padding: 0;
}

}

@media only screen and (max-width: 476px) {
#footer {
text-align: center;
}

#copyright {
float: none;
}

#footer-links {
float: none;
}

}

@media only screen and (max-width: 419px) {
#home-stripe-5 p {
    font-size: 1.3em;
}

.free-offer {
    font-size: 2em;
    margin: 0 0 25px;
}

}

@media only screen and (max-width: 395px) {

.why-trivia-h {
  font-size: 2em;
}

.customer-base-header {
    font-size: 2em;
}

.customer-base-paragraph {
    font-size: 1.2em;
}

#little-people-wrapper {
    margin: auto;
    text-align: center;
    width: 30%;
}

}

@media only screen and (max-width: 390px) {

#home-stripe-6 li {
    font-size: 1.5em;
}

#home-stripe-6 p {
    font-size: 1.3em;
}

}

@media only screen and (max-width: 387px) {

#tagline {
font-size: 2em;
}

}

@media only screen and (max-width: 387px) {
.customer-base-header {
    font-size: 1.5em;
}

}

@media only screen and (max-width: 320px) {

.stripe3-h {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 30px;
}

.about-us-p {
    font-size: 1.1em;
}

}