@charset "UTF-8";

/* CSS Document */
@media (min-width: 320px) {
#titlescreen {
	background-image: url(../graphics/back-pho-sm.jpg);
	background-repeat: no-repeat;
	padding-top: 65px;
	padding-bottom: 65px;
	background-size: cover;
}
}

@media (min-width: 480px) {
#titlescreen {
	background-image: url(../graphics/back-pho-med.jpg);
	background-repeat: no-repeat;
	padding-top: 175px;
	padding-bottom: 175px;
	background-size: cover;
}
}

@media (min-width: 768px) {
#titlescreen {
	backgrund-image: url(../graphics/back-pho.jpg);
	background-repeat: no-repeat;
	padding-top: 85px;
	padding-bottom: 85px;
	background-size: cover;
}
}

@media (min-width: 992px) {
#titlescreen {
	background-image: url(../graphics/back-pho.jpg);
	background-repeat: no-repeat;
	padding-top: 175px;
	padding-bottom: 175px;
	background-size: cover;
}
}

@media (min-width: 1220px) {
#titlescreen {
	background-image: url(../graphics/back-pho.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	padding-top: 375px;
	padding-bottom: 375px;
}
}
/* end pho title screen */

@media (min-width: 320px) {
#sandwich {
	background-image: url(../graphics/back-specials-sm.jpg);
	background-repeat: no-repeat;
	padding-top: 65px;
	padding-bottom: 65px;
	background-size: cover;
}
}

@media (min-width: 480px) {
#sandwich {
	background-image: url(../graphics/back-specials-med.jpg);
	background-repeat: no-repeat;
	padding-top: 175px;
	padding-bottom: 175px;
	background-size: cover;
}
}

@media (min-width: 768px) {
#sandwich {
	backgrund-image: url(../graphics/back-specials.jpg);
	background-repeat: no-repeat;
	padding-top: 85px;
	padding-bottom: 85px;
	background-size: cover;
}
}

@media (min-width: 992px) {
#sandwich {
	background-image: url(../graphics/back-specials.jpg);
	background-repeat: no-repeat;
	padding-top: 175px;
	padding-bottom: 175px;
	background-size: cover;
}
}

@media (min-width: 1220px) {
#sandwich {
	background-image: url(../graphics/back-specials.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	padding-top: 375px;
	padding-bottom: 375px;
}
}
/* end banh mi title screen */
/* end index page photo background media queries */

/* start masthead appetizers background media queries */
@media (min-width: 320px) {
#masthead.apps {
	background-image: url(../graphics/back-apps-sm.jpg);
	background-repeat: no-repeat;
	padding-top: 65px;
	padding-bottom: 65px;
	background-size: cover;
}
}
@media (min-width: 480px) {
#masthead.apps {
	background-image: url(../graphics/back-apps-med.jpg);
	background-repeat: no-repeat;
	padding-top: 175px;
	padding-bottom: 175px;
	background-size: cover;
}
}

@media (min-width: 768px) {
#masthead.apps {
	background-image: url(../graphics/back-apps.jpg);
	background-repeat: no-repeat;
	padding-top: 85px;
	padding-bottom: 85px;
	background-size: cover;
}
}

@media (min-width: 992px) {
#masthead.apps {
	background-image: url(../graphics/back-apps.jpg);
	background-repeat: no-repeat;
	padding-top: 175px;
	padding-bottom: 175px;
	background-size: cover;
}
}

@media (min-width: 1200px) {
#masthead.apps {
	background-image: url(../graphics/back-apps.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	padding-top: 375px;
	padding-bottom: 375px;
}
}
/* start pho masthead background media queries */
@media (min-width: 320px) {
#masthead.pho {
	background-image: url(../graphics/back-pho-sm.jpg);
	background-repeat: no-repeat;
	padding-top: 65px;
	padding-bottom: 65px;
	background-size: cover;
}
}
@media (min-width: 480px) {
#masthead.pho {
	background-image: url(../graphics/back-pho-med.jpg);
	background-repeat: no-repeat;
	padding-top: 175px;
	padding-bottom: 175px;
	background-size: cover;
}
}

@media (min-width: 768px) {
#masthead.pho {
	backgrund-image: url(../graphics/back-pho.jpg);
	background-repeat: no-repeat;
	padding-top: 85px;
	padding-bottom: 85px;
	background-size: cover;
}
}

@media (min-width: 992px) {
#masthead.pho {
	background-image: url(../graphics/back-pho.jpg);
	background-repeat: no-repeat;
	padding-top: 175px;
	padding-bottom: 175px;
	background-size: cover;
}
}

@media (min-width: 1200px) {
#masthead.pho {
	background-image: url(../graphics/back-pho.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	padding-top: 375px;
	padding-bottom: 375px;
}
}
/* start bun masthead background media queries */
@media (min-width: 320px) {
#masthead.bun {
	background-image: url(../graphics/back-bun-sm.jpg);
	background-repeat: no-repeat;
	padding-top: 65px;
	padding-bottom: 65px;
	background-size: cover;
}
}
@media (min-width: 480px) {
#masthead.bun {
	background-image: url(../graphics/back-bun-med.jpg);
	background-repeat: no-repeat;
	padding-top: 175px;
	padding-bottom: 175px;
	background-size: cover;
}
}

@media (min-width: 768px) {
#masthead.bun {
	backgrund-image: url(../graphics/back-bun.jpg);
	background-repeat: no-repeat;
	padding-top: 85px;
	padding-bottom: 85px;
	background-size: cover;
}
}

@media (min-width: 992px) {
#masthead.bun {
	background-image: url(../graphics/back-bun.jpg);
	background-repeat: no-repeat;
	padding-top: 175px;
	padding-bottom: 175px;
	background-size: cover;
}
}

@media (min-width: 1200px) {
#masthead.bun {
	background-image: url(../graphics/back-bun.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	padding-top: 375px;
	padding-bottom: 375px;
}
}
/* start combos masthead background media queries */
@media (min-width: 320px) {
#masthead.combos {
	background-image: url(../graphics/back-combos-sm.jpg);
	background-repeat: no-repeat;
	padding-top: 65px;
	padding-bottom: 65px;
	background-size: cover;
}
}
@media (min-width: 480px) {
#masthead.combos {
	background-image: url(../graphics/back-combos-med.jpg);
	background-repeat: no-repeat;
	padding-top: 175px;
	padding-bottom: 175px;
	background-size: cover;
}
}
@media (min-width: 768px) {
#masthead.combos {
	backgrund-image: url(../graphics/back-combos.jpg);
	background-repeat: no-repeat;
	padding-top: 85px;
	padding-bottom: 85px;
	background-size: cover;
}
}

@media (min-width: 992px) {
#masthead.combos {
	background-image: url(../graphics/back-combos.jpg);
	background-repeat: no-repeat;
	padding-top: 175px;
	padding-bottom: 175px;
	background-size: cover;
}
}

@media (min-width: 1200px) {
#masthead.combos {
	background-image: url(../graphics/back-combos.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	padding-top: 375px;
	padding-bottom: 375px;
}
}
/* start specials masthead background media queries */
@media (min-width: 320px) {
#masthead.specials {
	background-image: url(../graphics/back-specials-sm.jpg);
	background-repeat: no-repeat;
	padding-top: 65px;
	padding-bottom: 65px;
	background-size: cover;
}
}
@media (min-width: 480px) {
#masthead.specials {
	background-image: url(../graphics/back-specials-med.jpg);
	background-repeat: no-repeat;
	padding-top: 175px;
	padding-bottom: 175px;
	background-size: cover;
}
}

@media (min-width: 768px) {
#masthead.specials {
	backgrund-image: url(../graphics/back-specials.jpg);
	background-repeat: no-repeat;
	padding-top: 85px;
	padding-bottom: 85px;
	background-size: cover;
}
}

@media (min-width: 992px) {
#masthead.specials {
	background-image: url(../graphics/back-specials.jpg);
	background-repeat: no-repeat;
	padding-top: 175px;
	padding-bottom: 175px;
	background-size: cover;
}
}

@media (min-width: 1200px) {
#masthead.specials {
	background-image: url(../graphics/back-specials.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	padding-top: 375px;
	padding-bottom: 375px;
}
}
/* start vegetarian masthead background media queries */
@media (min-width: 320px) {
#masthead.veg {
	background-image: url(../graphics/back-veg-sm.jpg);
	background-repeat: no-repeat;
	padding-top: 65px;
	padding-bottom: 65px;
	background-size: cover;
}
}
@media (min-width: 480px) {
#masthead.veg {
	background-image: url(../graphics/back-veg-med.jpg);
	background-repeat: no-repeat;
	padding-top: 175px;
	padding-bottom: 175px;
	background-size: cover;
}
}

@media (min-width: 768px) {
#masthead.veg {
	backgrund-image: url(../graphics/back-veg.jpg);
	background-repeat: no-repeat;
	padding-top: 85px;
	padding-bottom: 85px;
	background-size: cover;
}
}

@media (min-width: 992px) {
#masthead.veg {
	background-image: url(../graphics/back-veg.jpg);
	background-repeat: no-repeat;
	padding-top: 175px;
	padding-bottom: 175px;
	background-size: cover;
}
}

@media (min-width: 1200px) {
#masthead.veg {
	background-image: url(../graphics/back-veg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	padding-top: 375px;
	padding-bottom: 375px;
}
}
/* start drinks masthead background media queries */
@media (min-width: 320px) {
#masthead.drinks {
	background-image: url(../graphics/back-drinks-sm.jpg);
	background-repeat: no-repeat;
	padding-top: 65px;
	padding-bottom: 65px;
	background-size: cover;
}
}
@media (min-width: 480px) {
#masthead.drinks {
	background-image: url(../graphics/back-drinks-med.jpg);
	background-repeat: no-repeat;
	padding-top: 175px;
	padding-bottom: 175px;
	background-size: cover;
}
}

@media (min-width: 768px) {
#masthead.drinks {
	backgrund-image: url(../graphics/back-drinks.jpg);
	background-repeat: no-repeat;
	padding-top: 85px;
	padding-bottom: 85px;
	background-size: cover;
}
}

@media (min-width: 992px) {
#masthead.drinks {
	background-image: url(../graphics/back-drinks.jpg);
	background-repeat: no-repeat;
	padding-top: 175px;
	padding-bottom: 175px;
	background-size: cover;
}
}

@media (min-width: 1200px) {
#masthead.drinks {
	background-image: url(../graphics/back-drinks.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	padding-top: 375px;
	padding-bottom: 375px;
}
}
/* start com dia masthead background media queries */
@media (min-width: 320px) {
#masthead.rice {
	background-image: url(../graphics/back-rice-sm.jpg);
	background-repeat: no-repeat;
	padding-top: 65px;
	padding-bottom: 65px;
	background-size: cover;
}
}
@media (min-width: 480px) {
#masthead.rice {
	background-image: url(../graphics/back-rice-med.jpg);
	background-repeat: no-repeat;
	padding-top: 175px;
	padding-bottom: 175px;
	background-size: cover;
}
}

@media (min-width: 768px) {
#masthead.rice {
	backgrund-image: url(../graphics/back-rice.jpg);
	background-repeat: no-repeat;
	padding-top: 85px;
	padding-bottom: 85px;
	background-size: cover;
}
}

@media (min-width: 992px) {
#masthead.rice {
	background-image: url(../graphics/back-rice.jpg);
	background-repeat: no-repeat;
	padding-top: 175px;
	padding-bottom: 175px;
	background-size: cover;
}
}

@media (min-width: 1200px) {
#masthead.rice {
	background-image: url(../graphics/back-rice.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	padding-top: 375px;
	padding-bottom: 375px;
}
}