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

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

  /* ABOUT Office */
  #about_office {
    font-family: 'Saira Extra Condensed', sans-serif;
    width: 150px;
    margin: 10px auto auto 10px;
    color: white; }
    #about_office h1 {
      font-size: 19pt; }
    #about_office h3 {
      font-size: 12pt; }
    #about_office hr {
      color: #97d50e; }

  main {
    background-image: url("/static/images/office_setup_main.jpg"); }

  .submain {
    grid-area: sub;
    grid-column: 2/3;
    height: 400px; }

  /* Apple Hjemmekontor */
  #applehjemmekontor_div {
    font-family: 'Saira Extra Condensed', sans-serif; }
    #applehjemmekontor_div div {
      text-align: center; }
    #applehjemmekontor_div h1 {
      font-size: 16pt;
      text-align: center;
      color: #555;
      margin-bottom: -10px; }
    #applehjemmekontor_div h3 {
      font-size: 12pt;
      text-align: center; }
    #applehjemmekontor_div p {
      font-size: 8pt;
      text-align: center; }
    #applehjemmekontor_div hr {
      color: yellow;
      width: 200px; } }
@media (min-width: 768px) {
  /* ABOUT Office */
  #about_office {
    width: 250px;
    margin: 50px auto auto 20px; }
    #about_office h1 {
      font-size: 19pt; }
    #about_office h3 {
      font-size: 12pt; }
    #about_office hr {
      color: #97d50e; }

  #applehjemmekontor_div {
    font-family: 'Saira Extra Condensed', sans-serif; }
    #applehjemmekontor_div h1 {
      font-size: 19pt; }
    #applehjemmekontor_div h3 {
      font-size: 16pt; }
    #applehjemmekontor_div p {
      font-size: 12pt; }
    #applehjemmekontor_div hr {
      width: 300px; } }
@media (min-width: 1024px) {
  /* ABOUT Office */
  #about_office {
    width: 300px; }
    #about_office h1 {
      font-size: 32pt; }

  #applehjemmekontor_div h1 {
    font-size: 32pt; }
  #applehjemmekontor_div hr {
    width: 400px; } }

/*# sourceMappingURL=office.css.map */