@media only screen and (max-width: 1024px) {
.sq-pic-wrap {
  width: 25%;
  padding-bottom: 25%;
}
}

@media only screen and (max-width: 800px) {
.sq-pic-wrap {
  width: 33.3%;
  padding-bottom: 33.3%;
}

.bk-site {
  display: block;
}
}

@media only screen and (max-width: 600px) {
.sq-pic-wrap {
  width: 50%;
  padding-bottom: 50%;
}

.px1 {
  height: auto;
}

#splash-logo {
  width: 90%;
  position: relative;
  padding: 40px 0;
}

.pxwrap .row {
  padding: 30px 0;
}

h1 {
  font-size: 34px;
  line-height: 34px;
  margin-bottom: 10px;
}

h2.hero-title {
  font-size: 34px;
  line-height: 33px;
  padding: 20px 0 15px;
}

span.bk-site {
  display: block;
}

.page-nav-link {
  font-size: 16px;
  padding: 0px 10px;
}

.home-page .vid-wrap {
  width: 96%;
  margin: 0 2%;
}
}

@media only screen and (max-width: 480px) {
.sq-pic-wrap {
  width: 100%;
  padding-bottom: 100%;
}
}