@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: 1200px; }

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

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

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

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

  .submain {
    height: 1700px; }

  #programming_ios_div h1 {
    font-size: 19pt; }
  #programming_ios_div h3 {
    font-size: 16pt; }
  #programming_ios_div p {
    font-size: 12pt; }
  #programming_ios_div img {
    margin: 25px auto 0px auto;
    width: 300px; }
  #programming_ios_div hr {
    width: 300px; }

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

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

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

  .submain {
    height: 1250px; }

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

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

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

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

  .submain {
    height: 1700px; }

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

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

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

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

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