@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; color: red; }
      main #about_us h3 {
        font-size: 12pt; }
      main #about_us hr {
        color: #97d50e; }


  /* 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; }

  #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; }

  #map {
    height: 500px; } }