/* ==============================
    GLOBAL
================================= */

* {
    box-sizing: border-box;
}

body {
    margin: 0 auto;
    padding: 0;
    line-height:1.6;
    letter-spacing: 0.5px;
}

h1, h2, h3 {
  padding:0;
  margin:0;
  font-weight:normal;
}

a {
    text-decoration: none;
}

a:link {
  color: black;
}

a:visited {
  color: black;
}


ul, li {
    padding: 0;
    list-style: none;
}

.wrapper {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

.main-header {
  text-align: center;
}

img {
  width: 100%;
}

.name {
  font-family: 'Oswald', sans-serif;
  padding:10px;
  letter-spacing:1.2px;
  font-size: 2em;
  font-variant: small-caps;
}

.name a:hover {
  color:rgba(17, 16, 16, 0.77);
}

p {
  font-family: 'Ubuntu Condensed', sans-serif;
  font-size: .95em;
  padding:20px;
  line-height:
}

/* ==============================
    BASE LAYOUT STYLES
================================= */

/********************************
            HEADER
********************************/
.main-header {
  border-bottom: 2px solid rgb(54, 54, 54);
}

.main-nav {
  letter-spacing: 1.1px;
    font-family: 'Raleway', sans-serif;
    font-size:1.3em;
}
.main-nav a {
  padding:10px;
}

.main-nav li a {
    padding-left: 10px;
    padding-right: 10px
}

.main-nav a:hover {
  border-bottom: 2px solid black;
}

.social-nav {
  margin-top: -10px; /**DONT FORGET THIS**/
}

.social-nav li   {
  display: inline-block;
  padding:10px;
}

.social-nav img {
  height: 45px;
  width:45px;
}


/***********FOLIO***********/

.main-footer {
  height: 80px;
  border-top: 2.5px solid black;
  text-align:center;
}

.heading {
  font-family: 'Anton', sans-serif;
  font-size: 50px;
  letter-spacing: 1px;
}

/********************************
            PAGES
********************************/

/************INDEX***************/

.tile {
  position: relative;
  overflow: hidden;
  padding-bottom: 60%;
}

 .tile img {
   position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
 }

/************FOLIO***************/

.photo {
  margin-left: 5px;
}

.photo img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.photo:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}

/*******ABOUT & CONTACT*****/
.primary {
  max-width: 500px;
}

.secondary {
  border-top : 1px solid black;
}

.email {
  padding: 8px;
}

.email a {
  font-variant: small-caps;
  font-family: 'Oswald', sans-serif;
  background: gold;
  border-radius: 3px;
  padding:6px;
}

.phone {
  padding:8px;
}

.phone a {
  font-family: 'Oswald', sans-serif;
  background: gold;
  border-radius: 3px;
    padding:6px;
}

/* ==============================
    MEDIA QUERIES
================================= */

@media (min-width:1025px) {
  /*********INDEX*********/
  .wrapper {
    margin: 0 auto;
    width: 90%;
    text-align: center;
  }

  } /**1025 px**/