body { font-family: Bahnschrift, Trebuchet MS; }
h1 { font-size: 1.3rem; color: #343434; }
footer { position: fixed; bottom: 0px; left: -8px; width: 70%; min-width: 210px; text-align: center; background-color: #EEEEEE; padding: 0; margin: 0; vertical-align: top; z-index: 500; }
.loader { position: relative; width: 330px; height: 29px; left: calc(50% - 165px); top: 200px; }
.buttons { position: absolute; right: 10px; width: 230px; top 60px; height: 50px; }
.menu-button { margin-top: 10px; margin-left: 15px; border-radius: 4px; width: calc(100% - 30px); height: 36px; background-color: #999999; cursor: pointer; }
.menu-button-selected { margin-top: 10px; margin-left: 15px; border-radius: 4px; width: calc(100% - 30px); height: 36px; background-color: #DE9345; cursor: pointer; }
.menu-button-text { padding-top: 9px; padding-left: 35px; color: #0; }
.product-bottom-padding { height: 15px; }
.close-details { position: absolute; right: 15px; top: 15px; width: 25px; height: 23px; border: 2px solid #EEEEEE; border-radius: 2px; font-family: Webdings; text-align: center; padding-top: 5px; cursor: pointer; }
.details-header { position: absolute; left: 15px; top: 15px; height: 23px; padding-top: 1px; font-size: 1.4rem; }
.details { position: absolute; left: 15px; top: 55px; width: calc(100% - 30px); height: calc(100% - 70px); }
.line-item-quantity { width: 50px; float: left; }
.quantity-left { float: left; width: 22px; }
.quantity-right { float: left; width: calc(100% - 22px); text-align: right; }
.border-top { border-top: 2px solid black; }
.border-bottom { border-bottom: 2px solid black; }
.form-input { width: 100%; margin: 3px; padding: 7px; border-radius: 4px; }
.about-section { margin: 35px; font-size: 1.1rem; }
.out-of-stock { color: red !important; }
.local-stock { color: #33AB42 !important; }
.content-object { width: 100%; height: 99%; }
.button-image { float: right; padding-top: 7px; padding-right: 20px; }

@media (min-width: 801px) {
	.menu-hamburger { display: none; background-color: red; max-width: 1px; max-height: 1px; }
	.menu-section { display: block; position: absolute; left: 40px; top: 200px; height: calc(100% - 270px); min-height: 460px; width: 280px; background-color: #EEEEEE; border-radius: 10px; overflow-y: auto; }
	.content-section { position: absolute; padding-top: 30px; left: 340px; top: 200px; height: calc(100% - 300px); min-height: 430px; width: calc(100% - 385px); min-width: 800px; background-color: #EEEEEE; border-radius: 10px; overflow-y: auto; }
	.header { position: absolute; left: 467px; top: 45px; height: 40px; width: calc(100% - 700px); text-align: center; }
	.header-divider { position: absolute; left: 520px; top: 100px; width: calc(100% - 810px); height: 2px; background-color: #444444; }
	.button { float: left; height: 46px; width: 210px; margin: 5px; background-color: #AC380E; color: white; border-radius: 4px; cursor: pointer; font-size: 1.3rem; }
	.product-details { display: none; position: absolute; z-index: 1000; left: 485px; top: 240px; width: calc(100% - 745px); height: calc(100% - 320px); min-height: 560px; min-width: 760px; background-color: #FDFDFD; border-radius: 6px; border: 2px solid #777777; overflow-y: auto; }
	.notice { display: none; position: absolute; left: calc(50% - 310px); top: 20px; width: 620px; height: 90px; border-radius: 6px; border: 2px solid #037A22; background-color: #9ADCA4; font-size: 1.3rem; text-align: center; padding-top: 65px; z-index: 2000; }
	.logo { position: absolute; left: 15px; top: 15px; width: 450px; height: 172px; background-image: url("Telescopium_m.png"); cursor: pointer; }
	.button-text { padding-left: 20px; padding-top: 11px; float: left; }
	.feature-text { font-size: 1.5rem; margin-bottom: 15px; }
	.feature { width: 90%; left: 5%; position: relative; text-align: center; }
	.feature-image { max-width: 100%; max-height: 100%; padding-bottom: 30px; }
	.description-points { position: absolute; left: 10px; width: calc(40% - 15px); }
	.detail-image { margin: 6px; width: 328px; height: 328px; border: 1px solid #777777; border-radius: 2px; }
	.add-to-cart { width: 220px; height: 35px; padding-top: 9px; background-color: #DE9345; border-radius: 4px; text-align: center; cursor: pointer; font-size: 1.3rem; }
	.description-image { position: absolute; left: calc(40% + 15px); width: calc(60% - 20px); height: calc(100% - 15px); text-align: center; }
	.cart { padding-top: 55px; display: none; position: absolute; z-index: 1500; right: 35px; top: 60px; width: 600px; height: 700px; min-height: 560px; min-width: 760px; background-color: #FDFDFD; border-radius: 6px; border: 2px solid #7A8445; overflow-y: auto; }
	.cart-gray { padding-top: 55px; display: none; position: absolute; z-index: 1501; right: 35px; top: 60px; width: 600px; height: 700px; min-height: 560px; min-width: 760px; background-color: #55555555; border-radius: 6px; border: 2px solid #7A8445; overflow-y: auto; }
	.line-item { padding: 5px; font-size: 1.1rem; width: calc(100% - 15px); min-height: 22px; overflow: hidden; }
	.line-item-description { padding-left: 15px; width: calc(100% - 240px); float: left; text-align: left; }
	.line-item-cost { width: 150px; float: left; text-align: right; }
	.order-form-label { padding-top: 9px; padding-left: 15px; text-align: left; float: left; width: calc(100% - 503px); }
	.order-form-field { text-align: right; width: 450px; float: left; }
	.submit-order { float: right; margin-right: 35px; width: 220px; height: 35px; padding-top: 9px; background-color: #DE9345; border-radius: 4px; text-align: center; cursor: pointer; font-size: 1.3rem; }
	.clear-cart { float: right; margin-right: 35px; width: 220px; height: 35px; padding-top: 9px; background-color: #DE9345; border-radius: 4px; text-align: center; cursor: pointer; font-size: 1.3rem; }
	.gray-out { position: absolute; display: none; z-index: 1501; padding-top: 35px; left: 345px; top: 205px; height: calc(100% - 270px); min-height: 590px; width: calc(100% - 395px); min-width: 790px; background-color: #55555555; border-radius: 8px; }
	.contact-line-item { padding: 5px; font-size: 1.1rem; width: 680px; min-height: 22px; overflow: hidden; }
	.product { margin-left: 30px; margin-bottom: 30px; width: 340px; height: 422px; background-color: #FAFAFA; border-radius: 4px; float: left; cursor: pointer; }
	.product-image { margin: 6px; width: 328px; height: 328px; }
	.product-description { margin: 3px; margin-top: 15px; width: 334px; height: 30px; text-align: center; font-size: 0.9rem; }
	.product-price { margin: 3px; width: 334px; height: 30px; text-align: center; }
	.image-logo { left: 225px; top: -2.5rem; position: relative; }
	.site-notice { width: 100%; margin-top: 0.5rem; text-align: center; color: #BB3342; font-size: 0.8rem; }
	.site-notice-m { display: none; }
}

@media (max-width: 800px) {
	.menu-hamburger { display: block; position: absolute; left: 1rem; top: 6rem; overflow-y: auto; z-index: 999; background-image: url("Images/hamburger.png"); min-width: 32px; min-height: 32px; }
	.menu-section { display: none; padding-bottom: 1rem; position: absolute; left: 1rem; top: 6rem; height: 75%; width: 50%; background-color: #EEEEEE; border-radius: 10px; overflow-y: auto; z-index: 2500; border: 1px solid #444444; }
	.content-section { position: absolute; padding-top: 1rem; left: 1rem; top: 8rem; height: 67%; width: 90%; background-color: #EEEEEE; border-radius: 10px; overflow-y: auto; }
	.header { display: none; }
	.header-divider { display: none; }
	.button { position: fixed; height: 2rem; width: 7rem; margin: 0.5rem; background-color: #AC380E; color: white; border-radius: 4px; cursor: pointer; font-size: 1rem; right: 1rem; top: 0.7rem; }
	.product-details { display: none; position: absolute; z-index: 1000; left: 1.3rem; top: 9.3rem; width: 87%; height: 64%; background-color: #FDFDFD; border-radius: 6px; border: 2px solid #777777; overflow-y: auto; }
	.notice { display: none; position: absolute; left: 3rem; top: 3rem; width: 80%; max-width: 80%; height: 4rem; border-radius: 6px; border: 2px solid #037A22; background-color: #9ADCA4; font-size: 0.9rem; text-align: center; padding-top: 2.5rem; z-index: 2500; }
	.logo { position: absolute; left: 1rem; top: 1rem; width: 180px; height: 69px; background-image: url("Telescopium_s.png"); cursor: pointer; }
	.button-text { padding-left: 0.6rem; padding-top: 0.6rem; float: left; font-size: 0.8rem; }
	.cart-image { width: 1rem; }
	.feature-text { font-size: 1rem; margin-bottom: 1rem; margin-top: 1rem; }
	.feature { width: 90%; left: 5%; padding-bottom: 3rem; position: relative; text-align: center; }
	.feature-image { max-width: 80%; max-height: 100%; padding-bottom: 1rem; }
	.description-points { left: 0.5rem; width: 90%; }
	.detail-image { margin: 6px; width: 328px; height: 328px; border: 1px solid #777777; border-radius: 2px; }
	.add-to-cart { width: 10rem; height: 2rem; padding-top: 0.6rem; background-color: #DE9345; border-radius: 4px; text-align: center; cursor: pointer; font-size: 1.3rem; margin-bottom: 1rem; }
	.description-image { left: calc(40% + 15px); width: calc(60% - 20px); height: calc(100% - 15px); text-align: center; }
	.cart { padding-top: 4rem; display: none; position: absolute; z-index: 1500; left: 1rem; top: 4rem; width: 85%; height: 70%; background-color: #FDFDFD; border-radius: 6px; border: 2px solid #7A8445; overflow-y: auto; }
	.cart-gray { padding-top: 4rem; display: none; position: absolute; z-index: 1501; left: 1rem; top: 4rem; width: 85%; height: 70%; background-color: #55555555; border-radius: 6px; border: 2px solid #7A8445; overflow-y: auto; }
	.line-item { padding: 0.5rem; font-size: 0.9rem; width: 95%; min-height: 1.5rem; overflow: hidden; }
	.line-item-description { padding-left: 1rem; width: 55%; float: left; text-align: left; }
	.line-item-cost { width: 20%; float: left; text-align: right; }
	.order-form-label { padding-top: 0.5rem; padding-left: 0.5rem; text-align: left; width: 70%; }
	.order-form-field { text-align: right; width: 70%; }
	.submit-order { margin-right: 2rem; margin-bottom: 1rem; width: 13rem; height: 2rem; padding-top: 0.8rem; background-color: #DE9345; border-radius: 4px; text-align: center; cursor: pointer; font-size: 1.1rem; }
	.clear-cart { margin-right: 2rem; margin-bottom: 1rem; width: 13rem; height: 2rem; padding-top: 0.8rem; background-color: #DE9345; border-radius: 4px; text-align: center; cursor: pointer; font-size: 1.1rem; }
	.gray-out { position: absolute; display: none; z-index: 1501; padding-top: 2rem; left: 1rem; top: 8rem; height: 70%; width: 90%; background-color: #55555555; border-radius: 8px; }
	.contact-line-item { padding: 0.8rem; font-size: 1rem; width: 85%; overflow: hidden; }
	.about-image { width: 90%; }
	.product { margin-left: 1.1rem; margin-bottom: 1rem; width: 300px; height: 392px; background-color: #FAFAFA; border-radius: 4px; float: left; cursor: pointer; }
	.product-image { margin: 0.3rem; width: 288px; height: 298px; }
	.product-description { margin: 0.2rem; margin-top: 0.6rem; width: 294px; height: 1.2rem; text-align: center; font-size: 0.9rem; }
	.product-price { margin: 0.2rem; margin-top: 1.2rem; width: 294px; height: 1.2rem; text-align: center; }
	.product-image-image { width: 288px; }
	.detail-image { width: 268px; height: 268px; }
	.image-logo { left: 185px; top: -2.5rem; position: relative; }
	.site-notice-m { position: absolute; top: 4.2rem; left: 2.5rem; text-align: center; color: #BB3342; font-size: 0.7rem; }
}