/*** Brian Hedgepeth ***/
@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,400i,700");
@import url("https://fonts.googleapis.com/css?family=Montserrat");
a:hover, a:active, a:focus, a {
  outline: 0;
  text-decoration: none; }

a {
  color: #444;
  transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out; }

a:hover,
li.active a {
  text-decoration: none;
  color: #CCC; }

input::-moz-focus-inner {
  border: 0; }

/** Video fluid iframe **/
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0; }

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/** TYP **/
body, html {
  font-family: 'Nunito Sans', sans-serif;
  color: #444;
  background: #fff;
  font-weight: 300; }

p, ul li {
  letter-spacing: .05em; }

p {
  line-height: 1.8em;
  color: #777;
  margin: 0 0 15px 0; }

em {
  font-style: italic; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700; }

h1, h2 {
  margin: 0 0 20px 0;
  font-weight: 400;
  letter-spacing: 1px; }

span.light {
  font-weight: 300; }

span.regular {
  font-weight: 400; }

strong {
  font-weight: 400;
  color: #444; }

hr {
  width: 40px;
  height: 3px;
  background: #777;
  border-top: 0;
  display: block;
  margin: 20px 0; }

/** Layout **/
#body,
#nav,
footer {
  padding-top: 20px;
  padding-bottom: 20px; }

/** Title **/
#title p {
  letter-spacing: 2px;
  font-size: 20px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  margin: 0; }

/** Nav **/
#nav {
  text-align: center; }

#nav p {
  letter-spacing: 1px;
  margin: 0 0 10px 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #444; }
#nav hr {
  margin: 40px auto; }
#nav ul li {
  padding: 10px 0 0 0; }

/** Bio **/
.bio img {
  padding-bottom: 20px; }

/** Portfolio **/
.portfolio {
  padding: 20px 0; }

.portfolio img {
  padding: 10px 0; }
.portfolio p {
  font-size: 12px;
  color: #999; }

/** Footer **/
footer p {
  margin: 0;
  font-size: 12px; }

/*** === RESPONSIVE ======================================================== **/
/*** === Mobile First === ***/
/* iPhone Retina & legacy */
@media only screen and (min-width: 320px) {
  #title {
    padding-top: 40px;
    padding-bottom: 40px; }

  h1 {
    font-size: 18px; } }
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  #nav {
    padding-left: 40px;
    padding-right: 40px; } }
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  #title {
    padding: 60px 0; }

  #title p {
    font-size: 20px; } }
/* Large Devices, Wide Screens */
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1440px) {
  .container {
    width: 1410px; } }
/*** === Non-Mobile First === ***/
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
/* Small Devices, Tablets */
/* Ipad Portrait and Landscape */
/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
/** Retina specific **/