/* ===== == = === Base Styles === = == ===== */

/* #1 ===== == = === 20em (320px) === = == === */

@media only screen and (min-width: 20em) {
  .wrapper {
    width: 20em;
    font-size: 90%;
  }
  .grid3 {
    width: 100%;
  }
  .grid5 {
    width: 100%;
  }
  .grid6 {
    width: 100%;
  }
  .grid7 {
    width: 100%;
  }
  .grid8 {
    width: 100%;
  }
  .col1 {
    width: 100%;
  }
  .col2 {
    width: 100%;
  }
  article {
    padding-bottom: 0.5em;
  }
  article h1 {
    font-size: 1.5rem;
  }
  article h2 {
    font-size: 1.3rem;
  }
  article h3 {
    font-size: 1.2rem;
  }
  article h4 {
    font-size: 1.1rem;
  }
  article h5 {
    font-size: 0.95rem;
  }
  article h6 {
    font-size: 0.9rem;
  }
  article iframe {
    width: 99%;
  }
  article .liner {
    width: 100%;
    padding: 0;
  }
  article p {
    font-size: 1.1rem;
    line-height: 140%;
  }
  article p.tags {
    font-size: 0.9rem;
    line-height: 130%;
  }
  article .pullquote {
    font-size: 2rem;
    line-height: 140%;
    padding: 0 0 1em 25%;
    background: url(../images/quotemark.png) left top no-repeat;
  }
  article .republish {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px dotted #ccc;
  }
  article .republish p {
    font-weight: bold;
    font-size: 1rem;
  }

  article section.knv-section figure {
    width: 35%;
  }
  article section.knv-section figcaption {
    width: 61%;
  }
  article section.knv-section h4 {
    color: #439bd7;
    font-size: 1rem;
    padding: 0 3% 0.4em 3%;
  }
  article section.knv-section span.date {
    color: #5c5b5b;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 0 3% 0.4em 3%;
    display: block;
  }
  article .synopsis p {
    font-size: 1.2rem;
  }
  article ul {
    font-size: 1.2rem;
    line-height: 140%;
  }
  article ol {
    font-size: 1.2rem;
    line-height: 140%;
  }
  article li:not(.product) {
    line-height: 140%;
  }
  article .tagindex li {
    line-height: 120%;
    margin-bottom: 0.8em !important;
  }
  article .storeGrid .storeExcerpt p {
    font-size: 1rem;
  }
  article table {
    font-size: 1rem;
  }
  article td p {
    font-size: 1rem;
    line-height: 130%;
  }
  article td {
    font-size: 1rem;
    line-height: 130%;
  }
  article .videoSmall {
    width: 100%;
    display: block;
    margin-bottom: 0.5em;
  }
  aside {
    clear: both;
    border-top: 1px solid #cccccc;
  }
  aside .border {
    border-top: 1px solid #cccccc;
  }
  aside h3 {
    font-size: 1.4rem;
    padding: 0.8em 0 0.5em 0;
    margin: 0;
    line-height: 125%;
  }
  aside ul {
    margin: 0;
    padding: 0;
  }
  aside li {
    font-size: 1.05rem;
    line-height: 130%;
    margin: 0 0 0.2em 0;
    padding: 0;
  }
  aside .liner {
    padding-left: 0;
  }
  aside #gform_login_widget-2 {
    padding-bottom: 1.3em;
  }
  aside .gform_body {
    font-size: 0.9rem !important;
    font-weight: normal !important;
  }
  aside .gform_body li.gfield {
    margin-top: 0.2em !important;
    font-size: 0.9rem !important;
  }
  aside .gform_body li#field_1 {
    margin-top: 0 !important;
    padding: 0;
    font-size: 0.9rem !important;
  }
  aside .gform_body label.gfield_label {
    font-weight: normal !important;
  }
  aside .gform_footer.top_label {
    margin-top: 0;
    padding: 0.2em 0 0.2em 0;
  }
  aside .gform_wrapper {
    margin-top: 0;
  }
  aside li.gchoice_3_1 {
    margin-top: 0 !important;
    font-size: 0.9rem !important;
  }
  aside .ginput_container {
    margin-top: 0 !important;
  }
  aside nav {
    margin: 0;
    border: none;
  }
  aside .widget p {
    font-size: 1rem;
  }
  aside p {
    font-size: 1.05rem;
    line-height: 130%;
    margin-bottom: 1em;
  }
  aside section figure {
    margin-bottom: 0.6em;
  }
  aside section figcaption {
    margin-bottom: 1.5em;
  }
  aside section figcaption .date {
    margin-bottom: 0.2em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }
  aside section figcaption h2 {
    line-height: 130%;
    margin-bottom: 0.4em;
  }
  .bio img {
    max-width: 150px;
  }
  footer p {
    padding: 1em 0 2em 0;
  }
  .chapter-copyright footer p {
    padding-top: 0;
  }
  footer .tableContainer .cell {
    width: 100%;
    margin: 0;
  }
  footer .tableContainer .cell:last-of-type {
    margin-bottom: 1em;
  }
  footer .tableContainer .cell.one h2 {
    font-size: 1.25rem;
  }
  footer .tableContainer .cell.two h2 {
    text-align: center;
  }
  footer .tableContainer .cell.two {
    padding: 1em 0 1em 0;
  }
  footer .tableContainer .cell.two ul {
    margin: 0 20% 0 20%;
    font-size: 1.2rem;
  }
  footer .tableContainer .cell.three span {
    font-size: 80%;
    margin-top: 0.8em;
    display: block;
    line-height: 130%;
    clear: both;
  }
  footer .tableContainer span.footer-cat {
    margin: 0 0 0 25%;
    display: block;
  }
  .homePage section {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 0.8em;
  }
  .homePage section h2 {
    font-size: 1.1rem;
  }
  #knv h3 {
    font-size: 1.5rem;
  }
  .knvHeader {
    border-bottom: #8cc542 8px solid;
  }
  .knvHeader h1 {
    font-size: 1.55rem;
    padding: 0.3em 0 0.4em 0;
  }
  .mission h2 {
    font-size: 1.25rem;
  }
  .mission h3 {
    font-size: 1.34rem;
  }
  .mission .tableContainer .cell {
    float: none;
    display: block;
    width: 100%;
    margin-right: 0;
    padding: 0;
  }
  .sign-up {
    margin-bottom: 1em;
  }
  .col-h {
    min-height: 200px;
  }
  .fish {
    display: block;
  }
  .fish .cell {
    width: 30%;
  }
  .all-videos div {
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
    margin: 12px auto;
  }
  .social-media {
    width: 100%;
  }
  .social-media .box-feed {
    width: 275px !important;
  }
  .social-media .box-feed .widget {
    width: 265px;
  }
  .social-media ul.tabs {
    width: 290px !important;
  }
  .social-media .tab-col {
    width: 290px !important;
    margin: 0;
    float: left;
  }
  .social-media .tab-content .box-feed {
    width: 280px !important;
  }
  .social-media iframe {
    width: 260px !important;
  }
  .store-section .storeGrid {
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
  }
  .storeGrid p.authorField {
    font-size: 1rem;
  }
  .home-h2 {
    font-size: 1.3rem;
    padding: 10px !important;
    margin-bottom: 15px !important;
  }
}

/* #2 ===== == = === 22.5em (360px) === = == === */

@media only screen and (min-width: 22.5em) {
  .wrapper {
    font-size: 90%;
  }
  .home-h2 {
    font-size: 1.3rem;
    padding: 10px !important;
  }
  .knvHeader h1 {
    font-size: 1.8rem;
  }
}

/* #3 ===== == = === 30em (480px) === = == === */

@media only screen and (max-width: 30em) {
  #header-menu li.menu-item {
    font-size: 88%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100% !important;
    margin: 3% 0 !important;
    padding: 0 !important;
  }
  #header-menu li.menu-item a {
    line-height: 3em;
  }

  header #signup-area .gform_wrapper .gform_body li input[type="text"] {
    width: 100% !important;
  }
  .sign-upGF #input_2_1_3_container.name_first {
    padding-right: 0px !important;
  }
  header #header-main {
    margin-top: 20% !important;
  }

  #homepage-feature-section .news-feed {
    padding: 0 !important;
  }

  footer .tableContainer .cell.two ul {
    margin: 0 25% 0 25%;
    font-size: 1.25rem;
  }
  article section.knv-section h4 {
    font-size: 1.2rem;
  }
  article section.knv-section span.date {
    font-size: 1rem;
  }
  .knvHeader h1 {
    font-size: 240%;
  }
  .knv-items[data-columns]::before {
    content: "2 .column.size-1of2";
  }
  .knv-items .column {
    float: left;
    width: 50%;
  }
  .home-h2 {
    font-size: 1.3rem;
    padding: 10px !important;
  }
  .social-media .box-feed {
    width: 375px !important;
  }
  .social-media .box-feed .widget {
    width: 375px;
  }
  .social-media ul.tabs {
    width: 290px !important;
  }
} /* end */

/* #4 ===== == = === 37.5em (600px) === = == == */

@media only screen and (max-width: 37.5em) {
  #homepage-feature-section .news-item-listing {
    margin: 0px !important;
  }
  #recent-videos-section .recent-videos-listing .recent-videos-item {
    width: 100% !important;
  }
  #protecting-our-future .protecting-listing .protecting-item h5,
  #exposing-causes-section .cause-listing .cause h5 {
    font-size: 130%;
    line-height: 1.3em;
  }

  #homepage-feature-section .news-feed .news-col-1,
  #homepage-feature-section .news-feed .news-col-2,
  #homepage-feature-section .news-feed .news-item,
  #protecting-our-future .protecting-listing .protecting-item,
  #exposing-causes-section .cause-listing .cause {
    width: 100% !important;
    /* margin: 5%; */
  }

  h2.section-divider {
    line-height: 1.2em;
    padding: 20px 0px;
  }

  #hero-section {
    height: 400px !important;
    min-height: 0 !important;
  }
  #hero-section .hero-text .text-block {
    font-size: 140%;
  }
  #hero-section .hero-text .attribution {
    font-size: 120%;
    line-height: 3em;
  }

  .hero-video {
    overflow: hidden !important;
    padding-bottom: 56.25% !important;
    position: relative !important;
    height: 0 !important;
  }
  .hero-video iframe {
    left: 0 !important;
    top: 0 !important;
    height: 100% !important;
    width: 100% !important;
    position: absolute !important;
  }

  h2.section-divider {
    font-size: 190%;
  }
  #homepage-feature-section .section-intro {
    font-size: 120% !important;
    padding: 5% !important;
  }

  #homepage-feature-section .news-feed .news-item {
    float: left;
  }
  #homepage-feature-section .news-feed .news-col-1 {
    margin-bottom: 0;
  }
  #homepage-feature-section .news-feed .news-col-2 {
    margin-top: 0;
  }

  #seeking-justice-section .justice-item {
    width: 100% !important;
  }
  #seeking-justice-section .justice-listing .justice-item h5 {
    font-size: 120%;
    line-height: 3em;
  }
  header #signup-area {
    margin: 10% 0;
  }

  #homepage-feature-section .news-feed {
    padding: 0 !important;
  }
}

@media only screen and (min-width: 37.5em) {
  #header-menu li {
    font-size: 70% !important;
    padding: 2px !important;
  }
}

@media only screen and (min-width: 37.5em) {
  .wrapper {
    width: 37.5em;
    font-size: 90%;
  }
  article .fish .cell {
    width: 42%;
  }
  article h1 {
    font-size: 1.6rem;
  }
  article h2 {
    font-size: 1.4rem;
  }
  article h3 {
    font-size: 1.3rem;
  }
  article h4 {
    font-size: 1.2rem;
  }
  article h5 {
    font-size: 1.1rem;
  }
  article h6 {
    font-size: 0.9rem;
  }
  article p {
    font-size: 1.1rem;
    line-height: 160%;
  }
  article p.tags {
    line-height: 140%;
  }
  article .synopsis p {
    font-size: 1.3rem;
  }
  article table {
    font-size: 1rem;
  }
  article td p {
    font-size: 0.9rem;
    line-height: 130%;
  }
  article td {
    font-size: 0.9rem;
    line-height: 130%;
  }
  article ul {
    font-size: 1.1rem;
    line-height: 160%;
  }
  article ol {
    font-size: 1.1rem;
    line-height: 130%;
  }
  article li:not(.product) {
    line-height: 150%;
    margin-bottom: 1em;
  }
  article .tagindex li {
    line-height: 120%;
    margin-bottom: 0.8em !important;
  }
  footer .tableContainer .cell.one h2 {
    font-size: 1.25rem;
  }
  footer .tableContainer .cell.two ul {
    margin: 0 30% 0 30%;
    font-size: 1.15rem;
  }
  .knvHeader {
    border-bottom: #8cc542 10px solid;
  }
  .knvHeader h1 {
    font-size: 2.9rem;
  }
  .home-h2 {
    font-size: 1.5rem;
    padding: 10px !important;
  }
  nav li.menu-item {
    font-size: 0.85rem;
  }
}

/* #5 ===== == = === 48em (768px) === = == ==== */

@media only screen and (min-width: 37.5em) and (max-width: 48em) {
  #homepage-feature-section .news-item-listing {
    margin: 0px !important;
  }
  #recent-videos-section .recent-videos-listing .recent-videos-item {
    width: 44% !important;
  }
  #protecting-our-future .protecting-listing .protecting-item h5,
  #exposing-causes-section .cause-listing .cause h5 {
    font-size: 130%;
    line-height: 1.3em;
  }
  #protecting-our-future .protecting-listing .protecting-item,
  #exposing-causes-section .cause-listing .cause {
    width: 42% !important;
    margin: 3% 3%;
  }
  .call-outs {
    display: flex;
    justify-content: space-between;
  }
  header #signup-area .gform_wrapper .gform_body li {
    margin-bottom: 20px !important;
  }
  header #signup-area .gform_wrapper .gform_body li input[type="text"] {
    width: 100% !important;
  }

  .sign-upGF #input_2_1_3_container.name_first {
    padding-right: 0px !important;
  }
  header #signup-area {
    margin: 10% 0;
  }
  #recent-videos-section .recent-videos-listing .recent-videos-item {
    margin: 0 0 5% 0 !important;
  }
  #recent-videos-section
    .recent-videos-listing
    .recent-videos-item:nth-child(2n) {
    margin-left: 3% !important;
  }
  .logo-svg {
    height: 70px;
  }
  .logo-svg img {
    height: 70px;
  }
}

@media only screen and (min-width: 30em) and (max-width: 48em) {
  #header-menu #menu-header-menu li.menu-item {
    font-size: 40%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 28%;
  }
  header #header-main {
    margin-top: 14% !important;
  }
}

@media only screen and (max-width: 48em) {
  .slicknav_nav .menu-indicator {
    display: none !important;
  }
  #video-offer-area {
    width: 100% !important;
    margin: 5% 0;
  }

  #header-menu li {
    font-size: 40% !important;
    padding: 2px !important;
    background-color: #e6f9cf;
  }

  .social-media .tab-col {
    width: 50% !important;
  }
  .social-media .tab-content .box-feed {
    width: 260px !important;
  }
  .social-media iframe {
    width: 230px !important;
  }

  #homepage-feature-section .news-feed {
    padding: 0 !important;
  }

  #homepage-feature-section .news-feed .news-item {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
  }

  #homepage-feature-section .news-feed .news-image,
  #homepage-feature-section .news-feed .news-info {
    padding: 10px;
  }
  .chapter-footer-mission {
    padding: 0;
  }
  .chapter-footer-buttons {
    flex-direction: column;
    row-gap: 20px;
  }
  .chapter-footer-buttons .footer-button {
    padding: 15px;
    font-size: 1.3em;
  }

  .chapter-social-icons .header-icon {
    height: 30px;
    width: 30px;
  }
}

@media only screen and (min-width: 28em) and (min-width: 37em) {
  #homepage-feature-section .news-item-listing .news-col-2 {
    width: 47% !important;
    margin-left: 10px !important;
  }

  #homepage-feature-section .news-item-listing {
    margin-left: 0%;
  }

  footer .wrapper {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  main aside {
    border-left: none !important;
  }
}

@media only screen and (min-width: 48em) {
  #top-nav ul li {
    margin: 0;
  }
  #video-offer-area {
    padding-left: 3%;
  }

  #homepage-feature-section .news-feed .news-image,
  #homepage-feature-section .news-feed .news-info {
    padding: 10px;
  }

  .wrapper {
    width: 48em;
    font-size: 95%;
  }

  .grid3 {
    width: 30%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .grid8 {
    width: 66.667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .col1 {
    width: 50%;
  }
  .col2 {
    width: 50%;
  }
  .grid5 {
    width: 41.667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .grid6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .grid7 {
    width: 58.333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .homePage section {
    width: 39%;
    padding: 0 5% 1em 5%;
    margin: 0;
    display: inline-block;
    float: none;
    clear: none;
  }
  .homePage section h2 {
    font-size: 0.9rem;
  }
  article .liner {
    width: 85%;
  }
  article .fish .cell {
    width: 40%;
    float: left;
  }
  article .pullquote {
    padding: 0 0 1.5em 15%;
  }
  article section.knv-section figure {
    width: 55%;
  }
  article section.knv-section figcaption {
    width: 41%;
  }
  article section.knv-section h4 {
    font-size: 1.4rem;
    padding: 0 3% 0.8em 3%;
  }
  article section.knv-section span.date {
    font-size: 1.2rem;
    padding: 0 3% 0.8em 3%;
  }
  aside {
    border-left: 1px solid #cccccc;
    border-top: none;
    float: right;
    clear: none;
  }
  aside .border {
    padding: 1em 0 1em 0;
  }
  aside .liner {
    padding-left: 1.6em;
  }
  aside h2 {
    font-size: 1.2rem;
    line-height: 125%;
  }
  aside h3 {
    margin: 0.7em 0 0;
  }
  aside #gform_login_widget-2 {
    padding-bottom: 0.5em;
  }
  aside h3:first-of-type {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
  }
  aside li {
    font-size: 0.95rem;
    margin-bottom: 0.5em;
  }
  aside li:last-child {
    margin-bottom: 1em;
  }
  aside p {
    font-size: 0.95rem;
    margin-bottom: 0.3em;
  }
  aside section.liner {
    padding-left: 0.8em;
  }
  footer .tableContainer .cell {
    float: left;
    width: 30%;
    margin-right: 0;
    padding: 0 1.5% 1.3em;
  }
  footer .tableContainer .cell.two {
    padding: 0;
  }
  footer .tableContainer .cell.one h2 {
    font-size: 0.9rem;
  }
  footer .tableContainer .cell.two h2 {
    font-size: 1.2rem;
  }
  footer .tableContainer .cell.two ul {
    margin: 0 0 0 15%;
  }
  footer .tableContainer .cell.two li {
    margin: 0 0 0.5em 0;
    font-size: 0.9rem;
    text-align: left;
    display: block;
    float: left;
    clear: both;
  }
  footer .tableContainer .cell.three span {
    font-size: 0.8rem;
  }
  #knv h3 {
    font-size: 1.1rem;
  }
  .knvHeader {
    border-bottom: #8cc542 12px solid;
  }
  .knvHeader h1 {
    font-size: 2.9rem;
    padding: 0.1em 0 0.2em 0;
  }
  .mission .tableContainer .cell {
    float: left;
    width: 30%;
    margin-right: 0;
    padding: 0 1.5% 1.3em;
  }
  .mission .tableContainer .cell img {
    width: 90%;
  }
  .mission h3 {
    font-size: 1.2rem;
  }
  nav li.menu-item {
    font-size: 0.65rem;
  }
  .sign-upGF #input_2_1_3_container.name_first {
    margin-top: 0;
    padding-right: 16px;
    width: 50%;
  }
  #input_2_1_6_container {
    padding-top: 2px;
    width: 50%;
  }
  .sign-up .gform_body {
    padding: 2px 0 0 0;
  }
  .sign-up #gform_widget-3 {
    padding: 4px 4px 4px 4px;
    font-size: 80%;
  }
  .sign-up h2 {
    font-size: 1.02em;
    color: #439bd7;
    text-align: center;
    line-height: 130%;
  }
  .left {
    float: left;
  }
  .right {
    float: right;
  }
  .col-h {
    min-height: 725px;
  }
  .all-videos div {
    flex-basis: 44%;
    -webkit-flex-basis: 44%;
    margin: 12px auto;
  }
  .store-section .storeGrid {
    flex-basis: 42%;
    -webkit-flex-basis: 42%;
  }
  #knv {
    margin-right: 5%;
  }
  .home-h2 {
    font-size: 1.7rem;
    padding: 10px !important;
  }
} /* end */

/* #6 ===== == = === 56.25em (900px) === = == = */

@media only screen and (max-width: 56.25em) {
  #hero-section .hero-video {
    width: 100%;
    height: 400px;
    right: 0;
  }
  footer h2 {
    margin-top: 50px;
  }

  #footer-modules .footer-module {
    width: 100%;
    text-align: center;
  }
  footer #category-menu {
    float: none !important;
    margin-left: 0 !important;
  }
  footer #category-menu li.menu-item {
    text-align: center !important;
  }
  footer li:before {
    content: "" !important;
  }
  footer .footer-module .social-media {
    width: 100%;
    text-align: center;
    float: none;
  }
  #copyright-line {
    width: 60%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    line-height: 2em;
  }
  .social-media .tab-col {
    float: none;
    width: 375px;
    margin: 0 auto;
  }
  .social-media .tab-content .box-feed {
    float: none !important;
    width: 350px;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 58em) and (max-width: 68.75em) {
  #header-menu li {
    font-size: 65% !important;
    padding: 4px !important;
  }
}

@media only screen and (min-width: 56.25em) {
  #top-nav ul li {
    margin: 0;
  }

  .wrapper {
    width: 56.25em;
    font-size: 95%;
  }
  article .fish .cell {
    width: 42%;
  }
  article .videoSmall {
    width: 70%;
  }
  aside .liner {
    padding-left: 1.6em;
  }
  .sign-upGF #input_2_1_3_container.name_first {
    margin-top: 0;
    padding-right: 16px;
    width: 50%;
  }
  .homePage section h2 {
    font-size: 1.1rem;
  }
  footer .tableContainer .cell.one h2 {
    font-size: 1rem;
  }
  footer .tableContainer .cell.two h2 {
    font-size: 1.3rem;
  }
  footer .tableContainer .cell.two ul {
    display: block;
  }
  footer .tableContainer .cell.two li {
    margin: 0 0 0.5em 0;
    font-size: 1rem;
    display: block;
  }
  #input_2_1_6_container {
    padding-top: 2px;
    width: 50%;
  }
  #knv h3 {
    font-size: 1.5rem;
  }
  .knvHeader {
    border-bottom: #8cc542 12px solid;
  }
  .knvHeader h1 {
    font-size: 3.4rem;
    padding: 0.2em 0 0.3em 0;
  }
  .mission h3 {
    font-size: 134%;
  }
  nav li.menu-item {
    font-size: 0.75rem;
  }
  .sign-up .gform_body {
    padding: 2px 0 0 0;
  }
  .sign-up #gform_widget-3 {
    padding: 4px 4px 4px 4px;
    font-size: 80%;
  }
  .sign-up h2 {
    font-size: 1.02em;
    color: #439bd7;
    text-align: center;
    line-height: 130%;
  }
  .col-h {
    min-height: 620px;
  }
  .home-h2 {
    font-size: 190%;
    padding: 10px !important;
  }
  .menu .show-menu a:not(.link-donate):not(.child-menu) {
    padding: 20px 12px !important;
  }
} /* end */

/* #7 ===== == = === 68.75em (1100px) === = == = */

@media only screen and (min-width: 68.75em) {
  #header-menu li {
    font-size: 85% !important;
    padding: 6px !important;
  }

  .wrapper {
    width: 68.75em;
    font-size: 90%;
  }
  article h1 {
    font-size: 1.8rem;
  }
  article h2 {
    font-size: 1.6rem;
  }
  article h3 {
    font-size: 1.5rem;
  }
  article h4 {
    font-size: 1.4rem;
  }
  article h5 {
    font-size: 1.3rem;
  }
  article h6 {
    font-size: 1.1rem;
  }
  article table {
    font-size: 1.05rem;
  }
  article td p {
    font-size: 1rem;
    line-height: 130%;
  }
  article td {
    font-size: 1.05rem;
    line-height: 130%;
  }
  article .storeGrid .storeExcerpt p {
    font-size: 1rem;
  }
  article .videoSmall {
    width: 75%;
  }
  aside h3 {
    font-size: 1.6rem;
    padding: 0.7em 0 0.5em 0;
    margin: 0.9em 0 0;
  }
  aside ul {
    padding-left: 0em;
  }
  aside li {
    font-size: 1.15rem;
    line-height: 135%;
    margin-bottom: 0.5em;
  }
  aside p {
    font-size: 1.15rem;
    line-height: 130%;
  }
  footer .tableContainer .cell.two h2 {
    font-size: 1.4rem;
  }
  footer .tableContainer .cell.two li {
    margin: 0 0 0.5em 0;
    font-size: 1rem;
    display: block;
  }
  footer .tableContainer .cell.two ul {
    margin: 0 0 0 32%;
  }
  .knvHeader h1 {
    font-size: 3.7rem;
    padding: 0.1em 0 0.2em 0;
  }
  .mission .tableContainer .cell img {
    width: 100%;
  }
  nav li.menu-item {
    font-size: 0.85rem;
  }
  .sign-upGF #input_2_1_3_container.name_first {
    margin-top: 0;
    padding-right: 16px;
    width: 50%;
  }
  #input_2_1_6_container {
    padding-top: 2px;
    width: 50%;
  }
  #gform_submit_button_2 {
    background: #2991d6;
    color: #ffffff !important;
    padding: 8px 6px !important;
    border: none;
    margin: 14px 0 0;
    width: 100%;
  }
  .sign-up #gform_widget-3 {
    padding: 14px 14px 14px 14px;
    font-size: 80%;
  }
  .sign-upGF li#field_2_1 {
    margin-top: 2px;
    padding: 0;
  }
  .sign-up h2 {
    font-size: 1.3rem;
    line-height: 130%;
  }

  .col-h {
    min-height: 490px;
  }
  .home-h2 {
    font-size: 2.1rem;
    padding: 10px !important;
  }
} /* end */

/* #8 ===== == = === 83em (1300px) === = ==  */

@media only screen and (min-width: 83em) {
  .wrapper {
    width: 83em;
    font-size: 90%;
  }
  article h1 {
    font-size: 2.1rem;
  }
  article h2 {
    font-size: 1.9rem;
  }
  article h3 {
    font-size: 1.7rem;
  }
  article h4 {
    font-size: 1.5rem;
  }
  article h5 {
    font-size: 1.3rem;
  }
  article h6 {
    font-size: 1.1rem;
  }
  article .videoSmall {
    width: 65%;
  }
  footer .tableContainer .cell {
    float: left;
    width: 30%;
    margin-right: 0;
    padding: 0 1.5% 1.6em;
  }
  footer .tableContainer .cell.one h2 {
    font-size: 1.3rem;
  }
  footer .tableContainer .cell.two li {
    margin: 0 0 0.5em 0;
    font-size: 1rem;
  }
  .knvHeader h1 {
    font-size: 4rem;
  }
  .mission .cell {
    float: left;
    width: 30%;
    margin-right: 0;
    padding: 0 1.5% 1.6em;
  }
  nav li.menu-item {
    font-size: 0.9rem;
  }
  .fish .cell {
    width: 19%;
  }
  .home-h2 {
    font-size: 2.3rem;
    padding: 10px !important;
  }
} /* end */

.wrapper {
  margin: 0 auto;
}