.container-fluid:not(#header) .row {
  max-width: 1140px;
  margin: 0 auto; }

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0; }

body {
  font-family: 'Open Sans', sans-serif;
  padding-top: 1em;
  background: #e9e9e9; }
  body body {
    font-size: 16px; }

body#home {
  background: #000000 url("../images/scratch/kr2017-bg-lighter.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }

h1 {
  font-size: 1.65em;
  font-weight: 300;
  letter-spacing: 0.1em; }
  h1 a:link, h1 a:visited {
    color: #808080; }
  h1 a:hover, h1 a:active {
    color: #000000;
    text-decoration: none; }

#resume {
  font-size: 1.2em;
  font-weight: 300;
  text-align: right;
  padding-right: 1em; }
  #resume a:link, #resume a:visited {
    color: #808080; }
  #resume a:hover, #resume a:active {
    color: #d4d4d4;
    text-decoration: none; }

p {
  font-size: 1em;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  color: #d4d4d4; }
  p a:link, p a:visited {
    color: #808080; }
  p a:hover, p a:active {
    color: #ffffff;
    text-decoration: none; }

@media (max-width: 575px) {
  #header {
    margin-bottom: 0.5em; }
  #resume {
    font-size: 1em;
    padding-top: 0.2em; } }

@media (min-width: 575px) {
  #header {
    margin-bottom: 1em; } }

@media (min-width: 768px) {
  body {
    font-size: 17px; } }

@media (min-width: 992px) {
  body {
    font-size: 18px; } }

#about {
  font-size: 1.25em;
  font-weight: 300;
  font-style: italic;
  line-height: 1.35em;
  margin: 0.5em -15px 1em -15px; }

#project-thumbs .thumbnail {
  padding: 0 1px;
  margin-bottom: 1px; }

#project-thumbs .thumbnail img {
  max-width: 100%; }

.project-platform-container {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden; }
  .project-platform-container img {
    max-width: 100%; }
  .project-platform-container .ajax-div-style {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%; }

#project-description {
  padding: 2em 0 1em 0;
  border-bottom: 1px solid #808080; }

#description {
  padding-top: 2em;
  background-color: #000000; }
  #description #description-text {
    padding-bottom: 1em;
    border-bottom: 1px solid #808080; }
    #description #description-text #project-title {
      font-size: 1.5em; }
  #description #more-work {
    margin: 2em 0 0 0; }

.thumbnail-box {
  margin: 0;
  padding: 1em 1em;
  background-color: #000000; }
  .thumbnail-box .thumbnail {
    padding: 0 1px;
    margin-bottom: 1px; }
  .thumbnail-box .thumbnail img {
    max-width: 100%; }

@media (max-width: 575px) {
  #project-thumbs {
    pading: 0 1em; }
    #project-thumbs .thumbnail {
      margin: 1px 0; }
  #description #more-work {
    margin: 1em 0 0 0; } }

.drift-slider {
  position: relative; }
  .drift-slider .project-platform {
    margin-bottom: -0.2em; }
    .drift-slider .project-platform img:not(.active) {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1; }
  .drift-slider .drifter-box {
    position: relative;
    width: 100%; }
    .drift-slider .drifter-box .drifter-line {
      width: 100%;
      height: 1px;
      background-color: #d4d4d4; }
    .drift-slider .drifter-box .drifter {
      height: 0.2em;
      background-color: #000000; }
  .drift-slider a:link, .drift-slider a:visited {
    color: #000000; }
  .drift-slider a:hover, .drift-slider a:active {
    color: #808080; }
  .drift-slider .next-bu, .drift-slider .prev-bu {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 100; }
    .drift-slider .next-bu i, .drift-slider .prev-bu i {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }

@media (max-width: 575px) {
  .next-bu, .prev-bu {
    font-size: 1em;
    width: 1em;
    height: 1em; }
  .next-bu {
    right: 0.35em; }
  .prev-bu {
    left: 0; } }

@media (min-width: 575px) {
  .drift-slider .next-bu, .drift-slider .prev-bu {
    font-size: 1.2em;
    width: 1.2em;
    height: 1.2em; }
  .drift-slider .next-bu {
    right: 0.75em; }
  .drift-slider .prev-bu {
    left: 0.5em; } }

@media (min-width: 768px) {
  .drift-slider .next-bu {
    right: 0em; }
  .drift-slider .prev-bu {
    left: 0em; } }

@media (min-width: 992px) {
  .drift-slider .next-bu, .drift-slider .prev-bu {
    font-size: 1.5em;
    width: 1.5em;
    height: 1.5em; } }

#cms p {
  color: #000000;
  margin-bottom: 0em; }

#cms p.side_note {
  font-size: 0.9em;
  font-style: italic; }

#cms #add_input a:link, #cms #add_input a:visited {
  display: inline-block;
  color: #000000; }

#cms #add_input a:hover, #cms #add_input a:active {
  color: #404040; }

#cms #home_add_project_bu {
  margin-bottom: 1em; }

#cms .cms_header {
  font-size: 1em;
  text-transform: uppercase;
  text-align: center;
  padding: 0.25em 0;
  margin-bottom: 0.5em;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000; }

#cms .project_list_head {
  text-transform: uppercase;
  border-bottom: 1px solid #000000;
  margin-bottom: 0.5em; }

#cms .project_entry {
  border-bottom: 1px solid #000000; }

#cms form .form_group {
  margin-bottom: 0.5em; }
  #cms form .form_group input[type="text"] {
    width: 100%; }
  #cms form .form_group textarea {
    width: 100%;
    height: 5em; }
  #cms form .form_group .add_detail_image {
    margin-top: 0.5em; }

#cms form .form_select {
  display: inline-block; }

#cms form .edit_images_col img {
  width: 25%;
  max-width: 100%;
  height: auto; }