/* line 2, ../sass/style.scss */
* {
  box-sizing: border-box;
}

/* -   Your Styles Here - */
/* line 5, ../sass/style.scss */
h1 {
  font-size: 28px;
  font-weight: bold;
  line-height: auto;
  margin-top: 0;
  margin-bottom: 5px;
}

/* line 13, ../sass/style.scss */
h2 {
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* line 19, ../sass/style.scss */
body {
  color: #333;
  font-family: 'Libre Franklin', sans-serif;
}

/* line 25, ../sass/style.scss */
#linkedin_block {
  margin-top: 10px;
}

/* line 28, ../sass/style.scss */
.nav-center {
  font-size: 18px;
  text-align: center;
}
/* line 32, ../sass/style.scss */
.nav-center ul.nav {
  display: inline-block;
}
/* line 35, ../sass/style.scss */
.nav-center ul.nav li {
  display: inline;
}
/* line 38, ../sass/style.scss */
.nav-center ul.nav li a {
  float: left;
}

/* line 45, ../sass/style.scss */
.nav-pills {
  float: none;
}

/* line 49, ../sass/style.scss */
.hedcut {
  width: 100%;
  margin-bottom: 10px;
}

/* line 61, ../sass/style.scss */
footer {
  padding-top: 20px;
  padding-bottom: 30px;
  background-color: #efefef;
}
/* line 65, ../sass/style.scss */
footer p {
  text-align: center;
  color: #666;
  font-style: italic;
  margin-top: 20px;
  background-color: #efefef;
}

/* line 74, ../sass/style.scss */
img.promo {
  width: 100%;
  height: auto;
  border: 1px solid #efefef;
}

/* line 80, ../sass/style.scss */
.promo:hover {
  border: 1px solid #333;
}

/* line 87, ../sass/style.scss */
.video_wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

/* line 95, ../sass/style.scss */
.video_wrapper embed,
.video_wrapper iframe,
.video_wrapper object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 105, ../sass/style.scss */
#grid-container {
  position: relative;
}

/* line 120, ../sass/style.scss */
#resume h2 {
  font-weight: 500;
  font-size: 30px;
}
/* line 125, ../sass/style.scss */
#resume li {
  margin-bottom: 20px;
  list-style-type: square;
}
/* line 126, ../sass/style.scss */
#resume li h4 {
  font-weight: 600;
}
/* line 133, ../sass/style.scss */
#resume .resume {
  border-top: 1px solid #ccc;
  padding-top: 0;
  margin-bottom: 20px;
  padding-left: 0;
}
/* line 140, ../sass/style.scss */
#resume .resume .publication {
  text-transform: uppercase;
  color: #9d9d9d;
  margin: 10px 0 0;
}
/* line 146, ../sass/style.scss */
#resume .resume .creator {
  color: #333;
  margin: 10px 0 0;
}
/* line 152, ../sass/style.scss */
#resume .award {
  border-top: 1px solid #ccc;
  padding-top: 0;
  margin-bottom: 20px;
  padding-left: 0;
}
/* line 159, ../sass/style.scss */
#resume .award .publication {
  text-transform: uppercase;
  color: #333;
  margin: 10px 0 0;
}
/* line 165, ../sass/style.scss */
#resume .award .creator {
  color: #333;
  margin: 10px 0 0;
}

/* line 172, ../sass/style.scss */
.project {
  min-height: 480px;
}
/* line 176, ../sass/style.scss */
.project .publication {
  text-transform: uppercase;
  color: #333;
  margin: 10px 0 0;
}
/* line 182, ../sass/style.scss */
.project .creator {
  color: #333;
  margin: 10px 0 0;
}

/* line 194, ../sass/style.scss */
.illo_container {
  width: 90%;
  /* or whatever is required */
  text-align: center;
  /* ensures the image is always in the h-middle */
  overflow: hidden;
}

/* line 215, ../sass/style.scss */
nav.navbar-light {
  background-color: #efefef;
  color: #333;
}

/* line 220, ../sass/style.scss */
nav.navbar-brand {
  font-weight: bold;
}

/* line 224, ../sass/style.scss */
#bio {
  margin-top: 50px;
}
/* line 227, ../sass/style.scss */
#bio span {
  margin-top: 5px;
}
/* line 231, ../sass/style.scss */
#bio ul li {
  list-style: none;
}
/* line 235, ../sass/style.scss */
#bio .nav {
  float: none;
  margin-bottom: 10px;
}

/* line 241, ../sass/style.scss */
.speaking {
  margin: 0px 0px 30px 0px;
}
/* line 242, ../sass/style.scss */
.speaking img {
  border: 1px solid #efefef;
}
/* line 245, ../sass/style.scss */
.speaking .publication {
  text-transform: uppercase;
  color: #9d9d9d;
  margin: 00px 0 0;
}

/* line 254, ../sass/style.scss */
h3 {
  margin-top: 10px;
}

/* line 258, ../sass/style.scss */
#illos {
  margin: 10px;
}

/* line 262, ../sass/style.scss */
#illos li {
  left: 0;
  top: 0;
  opacity: 0;
  transform: translateY(100px);
}

/* line 269, ../sass/style.scss */
#illos li.show {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s, top 1s;
}

/* line 274, ../sass/style.scss */
.date {
  text-transform: uppercase;
  color: #9d9d9d;
  margin: 10px 0 0px;
}

/* line 283, ../sass/style.scss */
#illos li > div {
  color: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  margin: 10px;
  padding: 5px;
  background: white;
  border: 1px solid rgba(38, 191, 64, 0);
  transition: all 0.5s;
  color: #999;
}
/* line 293, ../sass/style.scss */
#illos li > div .title {
  margin-top: 10px;
  display: block;
  font-style: italic;
}
/* line 299, ../sass/style.scss */
#illos li > div .client {
  display: block;
}

/* line 305, ../sass/style.scss */
.grid-item {
  width: 20%;
}
/* line 307, ../sass/style.scss */
.grid-item img {
  width: 100%;
}

/* ---- grid ---- */
/* line 347, ../sass/style.scss */
#illos li > div:hover {
  transform: translateY(-10px);
  border: 1px solid #ccc;
  box-shadow: 0 10px 15px rgba(10, 10, 10, 0.15);
  transition: all 0.3s;
}

/* line 354, ../sass/style.scss */
#illos li div img {
  width: 100%;
}

/* - Narrow desktop view - */
/* - iPad view - */
/* - Responsive view - */
@media screen and (max-width: 620px) {
  /* line 371, ../sass/style.scss */
  .project {
    min-height: inherit;
    margin-bottom: 20px;
  }
}
/* - Mobile view - */