@import url("https://fonts.googleapis.com/css?family=Heebo:400,700");
/******* VARIABLES *******/
/*** Color ***/
/*** Fonts ***/
h1 {
  font-family: "Heebo", Open Sans, Helvetica, Arial, sans-serif;
  font-size: 32px;
  color: #333;
  font-weight: 400;
  margin-bottom: 10px; }

h2 {
  font-family: "Heebo", Open Sans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #666;
  font-weight: 400; }

h3 {
  font-family: "Heebo", Open Sans, Helvetica, Arial, sans-serif;
  font-size: 22px;
  color: #333;
  font-weight: 400;
  margin: 34px auto 20px;
  padding-bottom: 10px;
  text-align: center;
  border-bottom: 1px solid #ddd; }

.testhead {
  font-family: "Heebo", Open Sans, Helvetica, Arial, sans-serif;
  font-size: 22px;
  color: #333;
  font-weight: 400;
  margin: 34px auto 20px;
  padding-bottom: 10px;
  text-align: center;
  border-bottom: 1px solid #ddd; }

.clear {
  clear: both; }

body {
  height: 100%;
  margin: 0; }

.grid-container {
  display: grid;
  height: 100%;
  grid-template-columns: 90px auto;
  background: url("../images/bg-test2.jpg");
  background-position: center top;
  background-size: cover; }

.sidebar {
  height: 100%;
  width: 100%;
  min-height: 100vh;
  background-color: rgba(220, 220, 220, 0.5);
  position: relative; }

.content {
  box-sizing: border-box; }

nav {
  display: inline-flex;
  box-sizing: border-box;
  padding: 32px 32px 32px 64px;
  width: 100%; }

.intro {
  display: inline;
  font-family: "Heebo", Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  width: 360px;
  padding-top: 15px;
  color: #333;
  margin-right: 6px; }
  .intro em {
    font-weight: 700;
    font-style: normal; }

.nav {
  display: flex;
  width: 100%; }
  .nav ul.nav-links {
    list-style: none;
    font-size: 13px;
    font-family: "Heebo", Open Sans, Helvetica, Arial, sans-serif; }
    .nav ul.nav-links li {
      margin-right: 16px;
      display: inline;
      padding: 5px 10px;
      text-transform: capitalize; }
      .nav ul.nav-links li a {
        color: #333;
        text-decoration: none !important;
        transition: color ease .3s; }
        .nav ul.nav-links li a:hover {
          color: #FA5A13; }

.header {
  padding: 32px 32px 32px 64px;
  width: 100%;
  box-sizing: border-box; }

.about {
  padding: 0px 32px 32px 64px;
  width: 100%;
  box-sizing: border-box; }

.footer {
  padding: 32px 32px 32px 64px;
  width: 100%;
  background: none;
  box-sizing: border-box; }
  .footer .footer-info {
    font-family: "Heebo", Open Sans, Helvetica, Arial, sans-serif;
    color: #999;
    font-weight: 400;
    font-size: 11px; }

ul.social-links {
  margin: 20px auto;
  position: fixed;
  left: 35px;
  bottom: 30px;
  padding: 0;
  box-sizing: border-box;
  list-style: none; }
  ul.social-links li {
    display: block;
    font-size: 18px;
    margin-bottom: 35px; }
    ul.social-links li:last-child {
      margin-bottom: 0; }
    ul.social-links li:hover i {
      color: #FA5A13; }
  ul.social-links li i {
    color: #333;
    transition: color ease .3s; }

.logo-container {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-content: center;
  width: 100%; }
  .logo-container a.logo {
    width: 25px;
    height: 36px;
    margin-top: 5px;
    background: url("../images/logo.png") no-repeat;
    background-size: contain;
    position: fixed; }

body {
  font-size: 10px; }

/*# sourceMappingURL=main.css.map */