@media only screen and (max-width: 1250px) {

#header>.header-top>.section>.col:first-child {
    width: 68%;
}

    .display-desktop {
      display: none;
    }
    .display-tablet {
      display: block;
    }

body {
    background-position: 70% -12em;
}

main {
font-size: 1em;
}

  #header {
      font-size: 1em;
  }


  .section-title, .splash-section .section-title {
    font-size: 3.4em;
  }

  .header-nav {
    display: none
  }

  .splash-photo-box {
    width: 80%;
  }

  .logo-list {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-row-gap: 2em;
    grid-column-gap: 3em;
    justify-content: space-around;
  }

  .video-section {
    background: url('../images/video-bg-tablet.png') no-repeat 50% 2em, linear-gradient(to bottom, #ffffff 0%,#ffffff 60%,#f9faf7 60%,#f9faf7 100%) ;
  }

  .why-section {
    background-position: 0% -16em;
    background: transparent url('../images/why-bg-tablet.png') no-repeat 50% -5em;
  }

  .why-section h3 {
    font-size: 2em;
  }

    .why-section .photo-box img {
      width: 90%;
    }

  .become-section {
    padding: 4em 6%;
  }

  .nominate-section {
      background-size: 930px;
  }

  .headlines-section {
    background-position: 88% 2em;
  }

.hello-section .hello-cta {
  background-position-x: 260px;
}

	.hello-section .press-kit {
    text-align: left;
	}

  .hello-section .press-kit span {
    padding-top: 1em;
  }

}

@media only screen and (max-width: 768px) {

  .splash-buttons {
    display: block;
  }

  .splash-buttons .button {
      width: 95%;
      display: block;
      margin-bottom: 1em;
  }


}