/* Typography */
h5 {
  font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
  margin: auto 0;
  text-align: center; }

h6 {
  font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
  margin: auto 0;
  text-align: center; }

p {
  color: #4a4a4a;
  font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
  line-height: 2.2em;
  font-size: .8em;
  letter-spacing: .08em; }
  @media screen and (min-width: 479px) {
    p {
      font-size: .8em; } }
  @media screen and (min-width: 768px) {
    p {
      font-size: .76em; } }

.boldtype {
  font-weight: 600; }

.primarycolor {
  color: #337FE7; }

.primarylight {
  color: #3CC6ED; }

.monotype {
  font-family: "PT Mono", Georgia, Times, serif;
  letter-spacing: .03em; }

.typebar {
  background-color: #4a4a4a;
  opacity: .6;
  height: 0.3em;
  width: 1.5em;
  margin-bottom: .3em; }

/*-----------------------------
LAYOUT
-----------------------------*/
/* LOGO */

.logo {
  	/*margin-left: 10%;
  	margin-top: 10%;
      opacity: .9;
      position: absolute;*/
  width: 10%;
  z-index: 5000; }
  @media screen and (min-width: 1120px) {
    .logo {
      width: auto; } }
  .logo img {
    width: 100%; }

.grid-overlay-logo {
  position: absolute; }

.grid-container {
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  max-width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  float: left;
  margin-top: 10%;
  margin-bottom: 10%;
  z-index: 3000; }
  .grid-container:before, .grid-container:after {
    content: " ";
    display: table; }
  .grid-container:after {
    clear: both; }

.grid {
  float: left;
  display: block;
  margin-right: 5.85151%;
  width: 47.07425%;
  position: relative;
  margin-bottom: 3em; }
  .grid:last-child {
    margin-right: 0; }
  .grid:nth-child(2n) {
    margin-right: 0; }
  .grid:nth-child(2n+1) {
    clear: left; }
  @media screen and (min-width: 479px) {
    .grid {
      float: left;
      display: block;
      margin-right: 5.85151%;
      width: 28.02098%; }
      .grid:nth-child(2n) {
        margin-right: 5.65836%; }
      .grid:nth-child(2n+1) {
        clear: none; }
      .grid:last-child {
        margin-right: 0; }
      .grid:nth-child(3n) {
        margin-right: 0; }
      .grid:nth-child(3n+1) {
        clear: left; } }
  @media screen and (min-width: 768px) {
    .grid {
      float: left;
      display: block;
      margin-right: 5.85151%;
      width: 20.61137%; }
      .grid:nth-child(3n) {
        margin-right: 5.65836%; }
      .grid:nth-child(3n+1) {
        clear: none; }
      .grid:last-child {
        margin-right: 0; }
      .grid:nth-child(4n) {
        margin-right: 0; }
      .grid:nth-child(4n+1) {
        clear: left; } }
  @media screen and (min-width: 1120px) {
    .grid {
      float: left;
      display: block;
      margin-right: 5.85151%;
      width: 15.3188%; }
      .grid:nth-child(4n) {
        margin-right: 5.65836%; }
      .grid:nth-child(4n+1) {
        clear: none; }
      .grid:last-child {
        margin-right: 0; }
      .grid:nth-child(5n) {
        margin-right: 0; }
      .grid:nth-child(5n+1) {
        clear: left; } }

.grid img {
  position: relative;
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  max-width: none;
  width: -webkit-calc(80%);
  width: calc(80%);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.container {
  padding: .7em 0em;
  bottom: 3%;
  margin-left: 10%;
  width: 80%;
  position: absolute;
  opacity: 1; }


#contact-content li {
  display: inline;
  color: #999;
  font-size: .8em; }


.resume {
  cursor: pointer;
  color: #fff;
  float: left;
  display: inline;
  border: 1px solid #fff;
  padding: 2px 8px 2px 8px;
  margin-right: 2%;
  margin-top: 3%;
}

.resume:hover {
    color: #6ab5d5;
    background-color: #fff;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}




/*
.arrow {
  left: 47% !important;
}

.arrow img {
  width: 100%;
  margin: 0 auto;
}
*/

.arrow {
  margin-left: 0;
}



/* COPYRIGHT */
.copyright {
  font-size: .45em;
  padding-top: 5em;
  padding-left: 0px !important;
  position: relative;
  opacity: .7;
  width: 100%;
  letter-spacing: .03em;
  line-height: 1.2em;
  display: block;
  margin-right: 2.35765%;
  width: 100%; }
  .copyright:last-child {
    margin-right: 0; }
  @media screen and (min-width: 479px) {
    .copyright {
      letter-spacing: .08em;
      line-height: 1.3em;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%; }
      .copyright:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 768px) {
    .copyright {
      font-size: .6em;
      letter-spacing: .08em;
      line-height: 1.5em;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%; }
      .copyright:last-child {
        margin-right: 0; } }