@font-face {
  font-family: "Proxima Nova Bold";
  src: url("../resources/proxima-nova/ProximaNova-bold.eot");
  src: url("../resources/proxima-nova/ProximaNova-bold.eot") format("embedded-opentype"),
       url("../resources/proxima-nova/ProximaNova-bold.woff2") format('woff2'),
       url("../resources/proxima-nova/ProximaNova-bold.woff") format('woff'),
       url("../resources/proxima-nova/ProximaNova-bold.ttf") format('truetype');
}

@font-face {
  font-family: "Proxima Nova Semibold";
  src: url("../resources/proxima-nova/ProximaNova-semibold.eot");
  src: url("../resources/proxima-nova/ProximaNova-semibold.eot") format("embedded-opentype"),
       url("../resources/proxima-nova/ProximaNova-semibold.woff2") format('woff2'),
       url("../resources/proxima-nova/ProximaNova-semibold.woff") format('woff'),
       url("../resources/proxima-nova/ProximaNova-semibold.ttf") format('truetype');
}

@font-face {
  font-family: "Proxima Nova Regular";
  src: url("../resources/proxima-nova/ProximaNova-regular.eot");
  src: url("../resources/proxima-nova/ProximaNova-regular.eot") format("embedded-opentype"),
       url("../resources/proxima-nova/ProximaNova-regular.woff2") format('woff2'),
       url("../resources/proxima-nova/ProximaNova-regular.woff") format('woff'),
       url("../resources/proxima-nova/ProximaNova-regular.ttf") format('truetype');
}

p {
  font-family: Proxima Nova Regular;
}

/* width >= 1020 */
@media (min-width: 1020px) {
  .base {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;

    background: var(--core-2023-white, #FFF);
    background: var(--core-2023-white, color(display-p3 1 1 1));
  }

  .home-nav {
    background-color: #212121;
    display: flex;
    width: 100%;
    max-height: 88px;
    padding: 24px 0px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
  }

  .subpage-nav {
    background-color: #212121;
    display: flex;
    width: 100%;
    padding: 24px 0px;
    justify-content: center;
    align-items: center;
    gap: 42.6%;
  }

  .nav-logo {
    width: 271.01px;
    height: 40px;
    flex-shrink: 0;
    background: url("../resources/SEATTLE 11 Logo_White.png"), #212121 100% / cover no-repeat;
  }

  #home-promo {
    display: flex;
    width: 1000px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
  }

  .home-link-frame {
    display: flex;
    align-items: flex-start;
    gap: 12px;
  }

  .home-link-col {
    display: flex;
    width: 300px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .home-link {
    display: flex;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    align-self: stretch;

    border-radius: 4px;
    border: 1px solid var(--core-2023-gray-light, #D9DBDE);
    border: 1px solid var(--core-2023-gray-light, color(display-p3 0.851 0.8588 0.8706));
    background: var(--core-2023-white, #FFF);
    background: var(--core-2023-white, color(display-p3 1 1 1));

    color: var(--core-2023-black-off, #212121);
    color: var(--core-2023-black-off, color(display-p3 0.1294 0.1294 0.1294));
    font-family: Proxima Nova Semibold;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
  }

  .home-flipp-ad {
    display: flex;
    width: 1000px;
    height: 300px;
    padding: 30px 100px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;

    background-color: lightgray;
  }

  .return-home-button {
    display: flex;
    position: absolute;
    top: 20px;
    left: 20px;
    height: 52px;
    padding: 8px 16px;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid var(--core-2023-gray-dark, #757678);
    border: 1px solid var(--core-2023-gray-dark, color(display-p3 0.4588 0.4627 0.4706));

    color: var(--core-2023-white-off, #F1F2F3);
    color: var(--core-2023-white-off, color(display-p3 0.9451 0.949 0.9529));
    font-family: Proxima Nova Semibold;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
  }

  .return-home-button-arrow-only {
    display: none;
  }

  .subpage-header-text {
    width: 70%;
    color: var(--core-2023-black-off, #212121);
    color: var(--core-2023-black-off, color(display-p3 0.1294 0.1294 0.1294));
    font-family: Proxima Nova Bold;
    font-size: 32px;
    font-style: normal;
    font-weight: 100;
    line-height: normal;
  }

  .subpage-header {
    display: block;
    width: 70%;
  }

  .iframes {
    width: 70%;
  }

  .public-inspection-file-links {
    align-self: stretch;
    color: #0080FD;
    color: color(display-p3 0.2157 0.4941 0.9608);
    font-family: Proxima Nova Regular;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
  }

  .public-inspection-form {
    padding: 20px;
    width: 70%;
    border-radius: 4px;
    border: 1px solid lightgray;
  }

  .footer {
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
  }

  .footer-news-and-stations {
    color: var(--core-2023-black-off, color(display-p3 0.1294 0.1294 0.1294));
    font-family: Proxima Nova Semibold;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .footer {
    color: var(--core-2023-black-off, color(display-p3 0.1294 0.1294 0.1294));
    font-family: Proxima Nova Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}


/* width < 1020 */
@media (max-width: 1019px) {
  .base {
    display: inline-flex;
    height: 1800px;
    flex-direction: column;
    align-items: center;
    gap: 24px;

    background: var(--core-2023-white, #FFF);
    background: var(--core-2023-white, color(display-p3 1 1 1));
  }

  .home-nav {
    background-color: #212121;
    display: flex;
    width: 100%;
    height: 60px;
    padding: 16px 64.937px 16px 65px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
  }

  .subpage-nav {
    background-color: #212121;
    display: flex;
    width: 100%;
    height: 60px;
    padding: 16px 65px 16px 65px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
  }

  .nav-logo {
    width: 189.707px;
    height: 28px;
    flex-shrink: 0;
    background: url("../resources/SEATTLE 11 Logo_White (1).png"), #212121 100% / cover no-repeat;
  }

  .home-promo-img {
    display: flex;
    width: 342px;
    height: 300px;
    padding: 30px 34.2px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    
    background-color: lightgray;
  }

  .home-link-frame {
    display: flex;
    align-items: flex-start;
    gap: 12px;
  }

  .home-link-col {
    display: flex;
    width: 165px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .home-link {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    align-self: stretch;

    border-radius: 4px;
    border: 1px solid var(--core-2023-gray-light, #D9DBDE);
    border: 1px solid var(--core-2023-gray-light, color(display-p3 0.851 0.8588 0.8706));
    background: var(--core-2023-white, #FFF);
    background: var(--core-2023-white, color(display-p3 1 1 1));

    color: var(--core-2023-black-off, #212121);
    color: var(--core-2023-black-off, color(display-p3 0.1294 0.1294 0.1294));
    font-family: Proxima Nova Semibold;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
  }

  .home-flipp-ad {
    display: flex;
    width: 342px;
    height: 300px;
    padding: 30px 34.2px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;

    background-color: lightgray;
  }

  .return-home-button {
    display: none;
  }

  .return-home-button-arrow-only {
    position: absolute;
    top: 7px;
    left: 8px;
    padding: 10px;
    
  }

  .subpage-header-text {
    width: 90%;
    color: var(--core-2023-black-off, #212121);
    color: var(--core-2023-black-off, color(display-p3 0.1294 0.1294 0.1294));
    font-family: Proxima Nova Bold;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  .subpage-header {
    display: block;
    width: 90%;
  }

  .iframes {
    width: 90%;
  }

  .public-inspection-file-links {
    align-self: stretch;
    color: #0080FD;
    color: color(display-p3 0.2157 0.4941 0.9608);
    font-family: Proxima Nova Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
  }

  .public-inspection-form {
    padding: 20px;
    width: 90%;
    border-radius: 4px;
    border: 1px solid lightgray;
  }

  .footer {
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .footer-news-and-stations {
    color: var(--core-2023-black-off, color(display-p3 0.1294 0.1294 0.1294));
    font-family: Proxima Nova Semibold;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .footer-copyright {
    color: var(--core-2023-black-off, color(display-p3 0.1294 0.1294 0.1294));
    font-family: Proxima Nova Regular;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}