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

  #grid {
    grid-template-rows: 65px 500px 1fr 150px; }

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

  /* LOGO */
  #design_logo_div {
    font-family: 'Saira Extra Condensed', sans-serif; }
    #design_logo_div h1 {
      font-size: 16pt;
      text-align: center;
      color: #555;
      margin-bottom: -10px; }
    #design_logo_div h3 {
      font-size: 12pt;
      text-align: center; }
    #design_logo_div p {
      font-size: 8pt; }
    #design_logo_div hr {
      color: yellow;
      width: 200px; }
    #design_logo_div img {
      display: block;
      width: 150px;
      margin: 50px auto 0px auto; }
    #design_logo_div div {
      display: block;
      text-align: center; }

  /* WEB */
  #design_web_div {
    height: 500px;
    font-family: 'Saira Extra Condensed', sans-serif; }
    #design_web_div h1 {
      font-size: 16pt;
      text-align: center;
      color: #555;
      margin-bottom: -10px; }
    #design_web_div hr {
      color: yellow;
      width: 200px; }
    #design_web_div h3 {
      font-size: 12pt;
      text-align: center; }
    #design_web_div p {
      font-size: 8pt;
      text-align: center; }
    #design_web_div img {
      display: block;
      width: 150px;
      margin: 50px auto 0px auto; }
    #design_web_div div {
      display: block; }

  /* 3D */
  #design_3d_div {
    height: 450px;
    font-family: 'Saira Extra Condensed', sans-serif; }
    #design_3d_div h1 {
      font-size: 16pt;
      text-align: center;
      color: #555;
      margin-bottom: -10px; }
    #design_3d_div hr {
      color: yellow;
      width: 200px; }
    #design_3d_div h3 {
      font-size: 12pt;
      text-align: center; }
    #design_3d_div p {
      font-size: 8pt;
      text-align: center; }
    #design_3d_div img {
      width: 150px;
      display: block;
      margin: 0px auto 0px auto; }
    #design_3d_div div {
      display: block; }

  /* Graphic */
  #design_graphic_div {
    height: 500px;
    font-family: 'Saira Extra Condensed', sans-serif; }
    #design_graphic_div h1 {
      font-size: 16pt;
      text-align: center;
      color: #555;
      margin-bottom: -10px; }
    #design_graphic_div hr {
      color: yellow;
      width: 200px; }
    #design_graphic_div h3 {
      font-size: 12pt;
      text-align: center; }
    #design_graphic_div p {
      font-size: 8pt;
      text-align: center; }
    #design_graphic_div img {
      display: block;
      width: 150px;
      margin: 0px auto 0px auto; }
    #design_graphic_div div {
      display: block; } }
@media (min-width: 768px) {
  #grid {
    grid-template-rows: 65px 750px 1fr 150px; }

  .submain {
    height: 2100px; }

  #design_logo_div h1 {
    font-size: 19pt; }
  #design_logo_div h3 {
    font-size: 16pt; }
  #design_logo_div p {
    font-size: 12pt; }
  #design_logo_div img {
    width: 300px; }
  #design_logo_div hr {
    width: 300px; }

  #design_web_div {
    height: 700px;
    font-family: 'Saira Extra Condensed', sans-serif; }
    #design_web_div h1 {
      font-size: 19pt; }
    #design_web_div hr {
      width: 300px; }
    #design_web_div h3 {
      font-size: 16pt; }
    #design_web_div p {
      font-size: 12pt; }
    #design_web_div img {
      width: 250px; }

  #design_3d_div {
    height: 650px;
    font-family: 'Saira Extra Condensed', sans-serif; }
    #design_3d_div h1 {
      font-size: 19pt; }
    #design_3d_div hr {
      width: 300px; }
    #design_3d_div h3 {
      font-size: 16pt; }
    #design_3d_div p {
      font-size: 12pt; }
    #design_3d_div img {
      width: 300px; }

  #design_graphic_div {
    height: 700px; }
    #design_graphic_div h1 {
      font-size: 19pt; }
    #design_graphic_div hr {
      width: 300px; }
    #design_graphic_div h3 {
      font-size: 16pt; }
    #design_graphic_div p {
      font-size: 12pt; }
    #design_graphic_div img {
      width: 250px; } }
@media (min-width: 1024px) {
  #grid {
    grid-template-rows: 65px 500px 1fr 150px; }

  .submain {
    height: 1450px; }

  #design_logo_div {
    height: 450px;
    padding: 0px 25px; }
    #design_logo_div div {
      float: right; }
    #design_logo_div img {
      float: left;
      width: 300px;
      margin: 25px 0px; }
    #design_logo_div p {
      text-align: center; }

  #design_web_div {
    height: 450px;
    padding: 0px 25px; }
    #design_web_div div {
      float: left; }
    #design_web_div img {
      float: right;
      width: 250px;
      margin: 70px 50px; }
    #design_web_div p {
      text-align: center; }

  #design_3d_div {
    height: 450px;
    padding: 0px 25px; }
    #design_3d_div div {
      float: right; }
    #design_3d_div img {
      float: left;
      width: 300px;
      margin: 50px 50px; }
    #design_3d_div p {
      text-align: center; }

  #design_graphic_div {
    height: 450px;
    padding: 0px 25px; }
    #design_graphic_div div {
      float: left; }
    #design_graphic_div img {
      float: right;
      width: 300px;
      margin: 50px 50px; }
    #design_graphic_div p {
      text-align: right; } }
@media (min-width: 1600px) {
  #grid {
    grid-template-rows: 110px 600px 1fr 150px; }

  .submain {
    height: 1850px; }

  #design_logo_div {
    height: 600px;
    padding: 0px 25px; }
    #design_logo_div h1 {
      font-size: 32pt; }
    #design_logo_div h3 {
      font-size: 18pt; }
    #design_logo_div p {
      font-size: 14pt; }
    #design_logo_div div {
      width: 600px;
      float: right; }
    #design_logo_div img {
      float: left;
      width: 400px;
      margin: 25px 0px; }

  #design_web_div {
    height: 600px;
    padding: 0px 25px; }
    #design_web_div h1 {
      font-size: 32pt; }
    #design_web_div h3 {
      font-size: 18pt; }
    #design_web_div p {
      font-size: 14pt; }
    #design_web_div div {
      width: 600px;
      float: left; }
    #design_web_div img {
      float: right;
      width: 400px;
      margin: 25px 0px; }

  #design_3d_div {
    height: 600px;
    padding: 0px 25px; }
    #design_3d_div h1 {
      font-size: 32pt; }
    #design_3d_div h3 {
      font-size: 18pt; }
    #design_3d_div p {
      font-size: 14pt; }
    #design_3d_div div {
      width: 600px;
      float: right; }
    #design_3d_div img {
      float: left;
      width: 400px;
      margin: 25px 0px; }

  #design_graphic_div {
    height: 600px;
    padding: 0px 25px; }
    #design_graphic_div h1 {
      font-size: 32pt; }
    #design_graphic_div h3 {
      font-size: 18pt; }
    #design_graphic_div p {
      font-size: 14pt; }
    #design_graphic_div div {
      width: 600px;
      float: left; }
    #design_graphic_div img {
      float: right;
      width: 400px;
      margin: 25px 0px; }
    #design_graphic_div p {
      text-align: center; } }

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