a {
  color: #000000;
  text-decoration: none; }

body {
  margin: 0;
  padding: 0; }

.main-container {
  width: 90vw;
  margin-top: calc(120px + 5vh);
  margin-left: auto;
  margin-right: auto;
  min-height: calc(100vh - 180px - 5vh); }

@media only screen and (max-width: 768px) {
  .main-container {
    margin-top: 100px;
    min-height: calc(100vh - 140px); } }

.main-header {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  background: #ffffff;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2; }

.nav-header {
  float: right; }

.site-title {
  margin: 10px 0 0 0;
  display: inline-block;
  line-height: 100px; }

.site-header-inner {
  padding-bottom: 10px;
  max-width: 90%;
  height: 110px;
  margin: 0 auto; }

.menu-secondary {
  line-height: 60px;
  font-size: 0;
  margin-left: auto;
  margin-right: 0;
  text-align: right; }

.menu-secondary a {
  font-size: 15px;
  vertical-align: baseline;
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid #aab8c2; }

.menu-secondary a:last-child {
  border-right: 1px solid #aab8c2; }

.menu-primary {
  line-height: 40px;
  font-size: 0; }

.menu-primary a {
  font-size: 20px;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #aab8c2; }

.menu-primary a:last-child {
  border-right: 1px solid #aab8c2; }

.logo {
  height: 100px;
  width: 250px;
  display: block;
  overflow: hidden; }

.site-nav-mobile {
  display: none; }

@media only screen and (max-width: 768px) {
  .site-header-inner {
    height: 45px;
    padding-bottom: 0; }
  .site-title {
    margin: 10px auto 0 auto; }
  .menu-primary {
    display: none; }
  .menu-secondary {
    line-height: 45px; }
  .logo {
    height: 25px;
    width: 100px; }
  .site-nav-mobile {
    display: block;
    border-top: 0.5px solid rgba(0, 0, 0, 0.5); }
  .nav-header-mobile {
    line-height: 40px;
    max-width: 90%;
    margin: 0 auto; }
  .menu-secondary a {
    font-size: 10px; }
  .nav-mobile-items a {
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10px; } }

.swiper-container {
  height: calc(100vh - 120px - 5vh - 5vh); }

.swiper-slide img {
  width: 100%; }

@media only screen and (max-width: 768px) {
  .swiper-container {
    height: 50.6vw; } }

.category-container {
  margin: calc((100vh - 70vh - 180px) / 2) auto;
  display: flex;
  justify-items: center;
  justify-content: center; }

.category-inner {
  width: 100%;
  font-size: 0; }

.category-row:before,
.category-row:after {
  content: "";
  display: table;
  clear: both; }

.category-col {
  width: 400px;
  min-height: 70vh;
  margin-right: 5vh;
  display: inline-block; }

.category-col:last-child {
  margin-right: 0; }

.category-1 {
  background-color: #f0f7fb; }

.category-2 {
  background-color: #f1f2f7; }

.category-3 {
  background-color: #f2eff5; }

@media only screen and (min-width: 768px) {
  .category-col {
    width: calc(33.3% - 3.33333vh); } }

@media only screen and (max-width: 768px) {
  .category-container {
    margin: 10px auto; }
  .category-col {
    width: 200px;
    min-height: 200px;
    margin-right: 20px;
    display: inline-block; }
  .category-inner {
    overflow: scroll;
    max-height: 200px;
    white-space: nowrap; } }

.colophon {
  width: 100%;
  min-height: 60px;
  background: linear-gradient(to left, #f0f7fb, #f2eff5); }

.footer-inner {
  max-width: 80%;
  margin: 0 auto;
  line-height: 60px; }

@media only screen and (max-width: 768px) {
  .footer-inner {
    line-height: 40px;
    font-size: 15; }
  .colophon {
    min-height: 40px; } }