html {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  line-height: 27px;
  	/* @media (min-width: 70.63em) {
  		font-size: $base-font-size * .8;
  		line-height: $base-line-height;
  	}
  	
  	@media (min-width: 75em) {
  		font-size: $base-font-size;
  		line-height: $base-line-height;
  	}
  
  	@media (min-width: 85.38em) {
  		font-size: $base-font-size*.8;
  		line-height: $base-line-height*.8;
  	}
  
  	@media (min-width: 93.75em) {
  		font-size: $base-font-size;
  	}
  
  	@media (min-width: 120em) {
  		font-size: $base-font-size*1.3;
  	}
  
  	@media (min-width: 160em) {
  		font-size: $base-font-size*1.6;
  	} */ }

body {
  color: black;
  margin: 0px; }

.site-topbar-wrapper {
  background-color: black; }

.site-topbar {
  color: white;
  display: flex;
  margin: 0 10%;
  justify-content: center; }

.site-topnav {
  margin: 5px; }

nav > ul {
  list-style: none; }

nav > ul > li {
  float: left;
  margin-right: 20px;
  padding: .5rem; }

nav > ul > li > a {
  text-decoration: none; }

.site-topnav > nav > ul {
  margin: 5px; }

.site-topnav > nav > ul > li {
  background-color: #cc1f36;
  color: white; }

.site-topnav > nav > ul > li > a {
  color: white; }

.gcse-topbar {
  display: none;
  width: 350px; }

@media (min-width: 1366px) {
  .site-logo {
    width: 20%; } }
.gsc-control-cse {
  padding: 0.5em !important; }

.site-header-wrapper {
  width: 100%; }

@media (min-width: 1366px) {
  .site-topbar {
    justify-content: flex-end; }

  .gcse-topbar {
    display: initial; }

  .site-logo {
    width: 20%; }

  .site-header {
    flex-direction: row !important;
    justify-content: space-between !important; } }
.site-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 20px 10%; }

.site-logo {
  max-width: 50%; }

img {
  max-width: 100%;
  height: auto; }

.site-navbar {
  margin: auto 0; }

.site-navbar > nav > ul > li {
  margin-left: 25px; }

.site-navbar > nav > ul > li > a {
  font-size: 1.7vw; }