.sovattha-sok, .twitter-logo, .facebook-logo, .geekeries-logo, .html5-logo, .linkedin-logo, .sovattha-sok-audi-tt-logo, .google-plus-logo, .moncv-logo, .sovattha-sok-logo, .sovattha-sok-audi-tt, .instagram-logo {
  background: url(sprites.png) no-repeat; }

.sovattha-sok {
  background-position: 0 0;
  width: 700px;
  height: 467px; }

.twitter-logo {
  background-position: -149px -1031px;
  width: 19px;
  height: 19px; }

.facebook-logo {
  background-position: -128px -1029px;
  width: 19px;
  height: 19px; }

.geekeries-logo {
  background-position: 0 -1031px;
  width: 49px;
  height: 19px; }

.html5-logo {
  background-position: -83px -1031px;
  width: 19px;
  height: 19px; }

.linkedin-logo {
  background-position: -63px -1031px;
  width: 19px;
  height: 19px; }

.sovattha-sok-audi-tt-logo {
  background-position: -170px -1037px;
  width: 18px;
  height: 13px; }

.google-plus-logo {
  background-position: -104px -1031px;
  width: 19px;
  height: 19px; }

.moncv-logo {
  background-position: -193px -1031px;
  width: 92px;
  height: 19px; }

.sovattha-sok-logo {
  background-position: 0 -798px;
  width: 509px;
  height: 212px; }

.sovattha-sok-audi-tt {
  background-position: 0 -469px;
  width: 700px;
  height: 327px; }

.instagram-logo {
  background-position: -284px -1031px;
  width: 19px;
  height: 19px; }

body {
  background-color: #5cace1;
  background-image: url("/css/main-background.jpg");
  background-repeat: no-repeat;
  color: black; }
  body .hero-unit {
    background: none;
    background-color: rgba(255, 255, 255, 0.1); }
  body .drop-shadow {
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5), 0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset; }
  body .round-corner {
    border-radius: 20px; }
  body .top-round-corner {
    border-radius: 20px 20px 0 0; }
  body h1, body h2, body h3, body strong, body b {
    text-shadow: 0 0 0.2em #333, 0 0 0.2em #333, 0 0 0.2em #333; }
  body a {
    color: darkblue; }
  body .hero-unit h1, body h1, body h2, body h3, body strong, body b {
    color: white; }
  body .sovattha-sok-logo {
    height: 160px;
    margin-top: -50px; }

body {
  padding-top: 60px;
  /* 60px to make the container go all the way to the bottom of the topbar */ }
  @media (max-width: 979px) {
    body {
      padding-top: 0; } }

.hero-unit {
  padding: 30px; }

nav a {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  margin: 1em; }
  nav a .button-icon {
    display: inline-block;
    margin-right: 1em; }

i {
  margin-right: 1em; }

video, .video {
  height: auto;
  max-width: 100%; }