ul { list-style: none; }

a, a:active, a:visited, a:focus, a:hover { text-decoration: none; color: #ccc; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

input, textarea { outline: none; }

textarea { resize: none; }

.line_break { display: inline-block; }

.break_word { word-wrap: break-word; white-space: normal; }

.no_break { white-space: nowrap; word-wrap: normal; }

span.bold { font-weight: 700; }

span.uppercase { text-transform: uppercase; }

.gridded { padding-right: 6px; padding-left: 6px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; }

/* For Desktop
-------------------------------------------------- */
/* ########################################################################## Frame
/########################################################################## */
html { width: 100%; min-height: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

body { width: 100%; min-height: 100%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.3em; font-weight: 400; background-color: #fff; background: url("../images/bg.jpg") center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

/* ########################################################################## body
/########################################################################## */
#border { position: fixed; left: 0; bottom: 0; width: 100%; height: 12px; background-color: #7bc043; }

section { width: 600px; height: 600px; position: absolute; top: 50%; left: 50%; margin-top: -300px; margin-left: -300px; }
section h1 { text-align: center; margin-bottom: 22px; line-height: 1px; }
section h1 img { width: 100%; height: auto; }
section h2 { font-family: "nimbus-sans-extended",sans-serif; font-size: 20px; font-weight: 900; line-height: 30px; color: #7bc043; width: 330px; text-align: center; margin: 0 auto 14px auto; }
section #text_area { height: 212px; }
section #text_area p { font-family: "open-sans",sans-serif; font-size: 13px; font-weight: 600; line-height: 18px; color: #4c4c4c; width: 320px; text-align: justify; margin: 0 auto 16px auto; }
section #text_area p a { color: #4c4c4c; }
section #text_area_business_hours { height: 212px; }
section #text_area_business_hours p { font-family: "open-sans",sans-serif; font-size: 14px; font-weight: 700; line-height: 20px; color: #4c4c4c; width: 320px; text-align: center; margin: 0 auto 20px auto; }
section #text_area_business_hours p a { color: #4c4c4c; }
section ul { text-align: center; }
section ul li { width: 32px; display: inline-block; font-size: 32px; line-height: 1.0em; margin: 0 15px; }
section ul li a:link, section ul li a:hover, section ul li a:visited, section ul li a:active { color: #7bc043; }

/* For iPad H
-------------------------------------------------- */
@media only screen and (min-width: 941px) and (max-width: 1092px) { /* ########################################################################## Frame /########################################################################## */
  /* ########################################################################## body /########################################################################## */ }
/* For iPad V
-------------------------------------------------- */
@media only screen and (min-width: 761px) and (max-width: 940px) { /* ########################################################################## Frame /########################################################################## */
  /* ########################################################################## body /########################################################################## */ }
/* For iPhone H
-------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 760px) { /* ########################################################################## Frame /########################################################################## */
  /* ########################################################################## body /########################################################################## */
  #border { display: none; }
  section { position: static; width: 100%; height: 100%; min-height: 100%; margin-top: 0px; margin-left: 0px; padding-bottom: 60px; }
  section h1 { padding-top: 20px; margin-bottom: 20px; }
  section #text_area { height: auto; margin-bottom: 32px; }
  section #text_area_business_hours { height: auto; margin-bottom: 72px; }
  section ul li { width: 28px; font-size: 28px; margin: 0 12px; } }
/* For iPhone V
-------------------------------------------------- */
@media only screen and (max-width: 479px) { /* ########################################################################## Frame /########################################################################## */
  /* ########################################################################## body /########################################################################## */
  #border { display: none; }
  section { position: static; width: 100%; height: 100%; min-height: 100%; margin-top: 0px; margin-left: 0px; padding-bottom: 60px; }
  section h1 { padding-top: 20px; margin-bottom: 20px; }
  section h2 { max-width: 80%; font-size: 16px; line-height: 24px; }
  section #text_area { height: auto; margin-bottom: 32px; }
  section #text_area p { max-width: 76%; }
  section #text_area_business_hours { height: auto; margin-bottom: 72px; }
  section #text_area_business_hours p { max-width: 76%; }
  section ul li { width: 28px; font-size: 28px; margin: 0 8px; } }
