@charset "UTF-8";
@media (min-width: 300px) {
  /* LOGO - ANIMATION*/
  #logo_KA {
    position: absolute;
    bottom: 20px;
    right: -600px;
    width: 200px;
    z-index: 1;
    transition: all 2.7s ease-out 0.7s; }

  #logo_hLine {
    position: absolute;
    bottom: -1px;
    z-index: 0;
    transition: all 1.5s ease 0.7s; }

  #logo_vLine {
    position: absolute;
    bottom: 0px;
    right: 768px;
    z-index: 0;
    transition: all 1.5s ease 0.7s; }

  main {
    background-image: url("/static/images/main_image.jpg"); }
    main #about_us {
      width: 250px;
      font-family: 'Saira Extra Condensed', sans-serif;
      margin: 10px auto auto 40px;
      color: white; }
      main #about_us h1 {
        font-size: 16pt; }
      main #about_us h3 {
        font-size: 12pt; }
      main #about_us hr {
        color: #97d50e; }

  .submain {
    grid-area: sub;
    grid-column: -1/1;
    height: 2000px; }

  /* OPENING HOURS */
  #opening_hours_div {
    height: 180px;
    font-family: 'Saira Extra Condensed', sans-serif;
    background-color: #f7f7f7; }
    #opening_hours_div h1 {
      font-size: 16pt;
      text-align: center;
      color: #555;
      margin-bottom: -10px; }
    #opening_hours_div h3 {
      font-size: 12pt;
      text-align: center;
      margin-bottom: -10px; }
    #opening_hours_div hr {
      color: #97d50e;
      width: 200px; }
    #opening_hours_div table {
      width: 350px;
      margin: -15px auto 0px auto;
      border-collapse: collapse; }
    #opening_hours_div .day_of_week {
      color: #bbb; }
    #opening_hours_div .opening_hours {
      color: #555; }

  /* GALLERY */
  #gallery_div {
    height: 650px;
    width: 100%;
    font-family: 'Saira Extra Condensed', sans-serif;
    text-align: center; }
    #gallery_div h1 {
      font-size: 16pt;
      text-align: center;
      color: #555;
      margin-bottom: -10px; }
    #gallery_div hr {
      color: #97d50e;
      width: 200px;
      margin-bottom: 10px; }
    #gallery_div img {
      position: relative;
      display: block;
      width: 290px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10px; }

  /* CONTACT */
  #contact_div {
    height: 770px;
    width: 100%;
    font-family: 'Saira Extra Condensed', sans-serif;
    text-align: center;
    margin-top: 10px;
    padding-top: 10px;
    background-color: #f7f7f7; }
    #contact_div h1 {
      font-size: 16pt;
      text-align: center;
      color: #555;
      margin-bottom: -10px; }
    #contact_div h3 {
      font-size: 12pt;
      text-align: center;
      color: #bbb; }
    #contact_div hr {
      color: #97d50e;
      width: 200px; }
    #contact_div table {
      width: 350px;
      margin: 0px auto 0px auto;
      border-collapse: collapse; }
    #contact_div .contact_link {
      color: #5e9d80;
      text-decoration: none; }
    #contact_div #mailto {
      color: #bbb;
      text-decoration: underline; }
    #contact_div #contact_form_div {
      background-color: white;
      padding: 20px;
      width: 350px;
      margin: 0px auto 0px auto; }
      #contact_div #contact_form_div h1 {
        margin-top: 0px;
        margin-bottom: 20px; }
    #contact_div .form_text_field {
      display: inline-block;
      height: 34px;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42;
      color: #555;
      background-color: white;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      margin-bottom: 10px; }
    #contact_div .form_textarea {
      display: block;
      padding: 6px 6px;
      margin-bottom: 10px;
      width: 320px;
      height: 100px;
      font-size: 14px;
      line-height: 1.42;
      color: #555;
      background-color: white;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
    #contact_div .form_submit {
      margin: 0px auto;
      display: block;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42;
      color: #555;
      background-color: white;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }

  /* MAP */
  #map {
    height: 250px;
    width: 100%;
    margin: 0px auto 0px auto; }

  /* FOOTER */
  #footer_div {
    grid-area: ft;
    grid-column: -1/1;
    color: white;
    background-color: #777777;
    font-family: 'Saira Extra Condensed', sans-serif;
    text-align: center;
    font-size: 14pt;
    height: 450px;
    margin-top: -40px; }
    #footer_div h3 {
      padding-top: 50px;
      margin-bottom: -5px; }
    #footer_div hr {
      width: 80%;
      color: white;
      height: 2px; }
    #footer_div .footer_tag {
      display: inline-block;
      font-size: 12pt;
      padding: 2px 5px 2px 5px;
      border-radius: 5px;
      background-color: #888;
      margin-right: 10px;
      margin-bottom: 10px; }
    #footer_div .social_tag {
      margin-top: 40px;
      margin-right: 15px; } }
@media all and (min-width: 768px) {
  #logo_KA {
    bottom: 120px; }

  #logo_vLine {
    right: 1024px; }

  main #about_us {
    width: 240px;
    margin-left: 75px; }
    main #about_us h1 {
      font-size: 18pt; }
    main #about_us h3 {
      font-size: 14pt; }

  #opening_hours_div {
    height: 210px; }
    #opening_hours_div h1 {
      font-size: 20pt; }
    #opening_hours_div h3 {
      font-size: 14pt; }
    #opening_hours_div hr {
      width: 400px; }
    #opening_hours_div table {
      width: 450px; }

  #gallery_div {
    height: 250px; }
    #gallery_div h1 {
      font-size: 20pt; }
    #gallery_div hr {
      width: 400px; }
    #gallery_div img {
      display: inline-block;
      width: 230px;
      margin-right: 10px; }

  #contact_div {
    height: 700px; }
    #contact_div h1 {
      font-size: 20pt; }
    #contact_div h3 {
      font-size: 14pt; }
    #contact_div hr {
      width: 400px; }
    #contact_div .form_textarea {
      display: inline;
      width: 500px; }
    #contact_div #contact_form_div {
      width: 100%; }

  #map {
    height: 350px; } }
@media all and (min-width: 1024px) {
  main #about_us {
    width: 300px; }
    main #about_us h1 {
      font-size: 20pt; }

  #opening_hours_div table {
    width: 550px; }

  #gallery_div {
    height: 300px; }
    #gallery_div img {
      width: 300px; }

  #map {
    height: 300px; } }
@media all and (min-width: 1200px) {
  #logo_KA {
    bottom: 139px;
    right: -800px;
    width: 300px; }

  #logo_hLine {
    bottom: -100px; }

  #logo_vLine {
    bottom: 0px;
    right: -100px;
    z-index: 0;
    transition: all 1.5s ease 0.7s; }

  main #about_us {
    width: 400px; }
    main #about_us h1 {
      font-size: 32pt; }
    main #about_us h3 {
      font-size: 19pt; }

  #opening_hours_div {
    height: 270px; }
    #opening_hours_div table {
      width: 700px; }
    #opening_hours_div h1 {
      font-size: 32pt; }
    #opening_hours_div h3 {
      font-size: 19pt; }

  #gallery_div {
    height: 350px; }
    #gallery_div table {
      width: 700px; }
    #gallery_div h1 {
      font-size: 32pt; }
    #gallery_div h3 {
      font-size: 19pt; }
    #gallery_div img {
      width: 350px; }

  #contact_div {
    height: 880px; }
    #contact_div h1 {
      font-size: 32pt; }
    #contact_div h3 {
      font-size: 19pt;
      margin-top: 10px;
      margin-bottom: 20px; }
    #contact_div hr {
      width: 400px; }
    #contact_div table {
      width: 700px;
      margin: 0px auto 0px auto;
      border-collapse: collapse; }
    #contact_div .form_textarea {
      height: 200px; }

  #map {
    height: 500px; } }