body {
  font-family: 'Barlow', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  padding-top: 54px;
  color: #fff;
}


@media (min-width: 992px) {
  body {
    font-size: 1.5em;
    font-weight: 300;
    padding-top: 0;
    padding-left: 20vW;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-weight: 900;
  text-transform: uppercase;
  color: #343a40;
}

h1 {
  font-size: 12vW;
  line-height: 1;
}
h1 .text-primary {
  color: #fff !important;
  font-size: 0.66em;
  display: block;
  font-weight: 300;}
h2 {
  font-size: 9vW;
  font-weight: 300;
}
.embed-responsive{margin-bottom: 30px}
@media (min-width: 992px) {
h2 {font-size: 5vW;}
}
h3 {
  font-family: "Barlow";
  font-size: 2rem;
}
#projects h3{font-size: 2em;
    color: #fff;
    background: #f1030347;
    display: inline-block;
    padding: 0px 10px;}
.grad{	background: #F9A11B;
  background: -moz-linear-gradient(-220deg,  #F9A11B 0%, #DC5554 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9A11B), color-stop(100%,#DC5554));
  background: -webkit-linear-gradient(-220deg,  #F9A11B 0%,#DC5554 100%);
  background: -o-linear-gradient(-220deg,  #F9A11B 0%,#DC5554 100%);
  background: -ms-linear-gradient(-220deg,  #F9A11B 0%,#DC5554 100%);
  background: linear-gradient(-220deg,  #F9A11B 0%,#DC5554 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9A11B', endColorstr='#DC5554',GradientType=0 );
  background-attachment: fixed;}
.quote,hr{padding: 80px 0;
  background-color: #000000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Ccircle stroke='%23D60' vector-effect='non-scaling-stroke' id='a' fill='none' stroke-width='5' r='315'/%3E%3Cuse id='f' href='%23a' stroke-dasharray='100 100 100 9999'/%3E%3Cuse id='b' href='%23a' stroke-dasharray='250 250 250 250 250 9999'/%3E%3Cuse id='e' href='%23a' stroke-dasharray='1000 500 1000 500 9999'/%3E%3Cuse id='g' href='%23a' stroke-dasharray='1500 9999'/%3E%3Cuse id='h' href='%23a' stroke-dasharray='2000 500 500 9999'/%3E%3Cuse id='j' href='%23a' stroke-dasharray='800 800 800 800 800 9999'/%3E%3Cuse id='k' href='%23a' stroke-dasharray='1200 1200 1200 1200 1200 9999'/%3E%3Cuse id='l' href='%23a' stroke-dasharray='1600 1600 1600 1600 1600 9999'/%3E%3C/defs%3E%3Cg transform='translate(1000 750)' %3E%3Cg transform='rotate(0 0 0)' %3E%3Ccircle fill='%23D60' r='10'/%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23f' transform='scale(.1) rotate(50 0 0)' /%3E%3Cuse href='%23f' transform='scale(.2) rotate(100 0 0)' /%3E%3Cuse href='%23f' transform='scale(.3) rotate(150 0 0)' /%3E%3C/g%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23b' transform='scale(.4) rotate(200 0 0)' /%3E%3Cuse href='%23z' transform='scale(.5) rotate(250 0 0)' /%3E%3C/g%3E%3Cg id='z' transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23b'/%3E%3Cuse href='%23b' transform='scale(1.2) rotate(90 0 0)' /%3E%3Cuse href='%23b' transform='scale(1.4) rotate(60 0 0)' /%3E%3Cuse href='%23e' transform='scale(1.6) rotate(120 0 0)' /%3E%3Cuse href='%23e' transform='scale(1.8) rotate(30 0 0)' /%3E%3C/g%3E%3C/g%3E%3Cg id='y' transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23e' transform='scale(1.1) rotate(20 0 0)' /%3E%3Cuse href='%23g' transform='scale(1.3) rotate(-40 0 0)' /%3E%3Cuse href='%23g' transform='scale(1.5) rotate(60 0 0)' /%3E%3Cuse href='%23h' transform='scale(1.7) rotate(-80 0 0)' /%3E%3Cuse href='%23j' transform='scale(1.9) rotate(100 0 0)' /%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23h' transform='scale(2) rotate(60 0 0)'/%3E%3Cuse href='%23j' transform='scale(2.1) rotate(120 0 0)'/%3E%3Cuse href='%23j' transform='scale(2.3) rotate(180 0 0)'/%3E%3Cuse href='%23h' transform='scale(2.4) rotate(240 0 0)'/%3E%3Cuse href='%23j' transform='scale(2.5) rotate(300 0 0)'/%3E%3C/g%3E%3Cuse href='%23y' transform='scale(2) rotate(180 0 0)' /%3E%3Cuse href='%23j' transform='scale(2.7)'/%3E%3Cuse href='%23j' transform='scale(2.8) rotate(45 0 0)'/%3E%3Cuse href='%23j' transform='scale(2.9) rotate(90 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.1) rotate(135 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.2) rotate(180 0 0)'/%3E%3C/g%3E%3Cuse href='%23k' transform='scale(3.3) rotate(225 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.5) rotate(270 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.6) rotate(315 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.7)'/%3E%3Cuse href='%23k' transform='scale(3.9) rotate(75 0 0)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;}
  .quote{position: relative;font-family: "Fugaz One";font-size: 3em;padding: 100px 5%}
  .quote .img-quote{position: absolute;top: 20px;right: 5%;content: '"';width: 100px;font-size: 2em}
p.lead {
  font-size: 1.66rem;
  margin-top: 2em;
}

.exp-list p{font-size: 0.8em;}

.subheading {
  text-transform: uppercase;
  font-weight: 500;
  font-family: 'Barlow', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-size: 1.5rem;
}
.navbar-toggler{    background-color: #f58c72;}

.social-icons a {
  display: inline-block;
  height: 3.5rem;
  width: 3.5rem;
  background-color: #495057;
  color: #fff !important;
  border-radius: 100%;
  text-align: center;
  font-size: 1.5rem;
  line-height: 3.5rem;
  margin-right: 1rem;
}
.social-icons a img{
  width: 26px;
  margin-top: -5px;
}
.social-icons a:last-child {
  margin-right: 0;
}

.social-icons a:hover {
  background-color: #BD5D38;
}

.dev-icons {
  font-size: 3rem;
}

.dev-icons .list-inline-item i:hover {
  color: #BD5D38;
}
#sideNav{background: #eee}
#sideNav .navbar-brand .img-logo {
  max-width: 200px;
  max-height: 10rem;
  display: block;
}
#sideNav .navbar-nav .nav-item .nav-link {
  font-weight: 800;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  color: #444;transition: all 0.3s ease}
#sideNav .navbar-nav .nav-item .nav-link:hover,#sideNav .navbar-nav .nav-item .nav-link.active{color: #e8743e}
#sideNav .navbar-toggler:focus {
  outline-color: #d48a6e;
}

@media (min-width: 992px) {
  h1 {
    font-size: 7vW;
    line-height: 1;
  }

  #sideNav {
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 20vW;
    height: 100vh;
  }
  #sideNav .navbar-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto auto 2em;
    padding: 0.5rem;
  }
  #sideNav .navbar-brand .img-logo {
    max-width:70%;
    max-height: 10rem;
    display: block;
  }
  #sideNav .navbar-brand .img-txt {
    max-width: 90%;
    max-height: 10rem;
    display: block;
  }
  #sideNav .navbar-collapse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 100%;
    margin-bottom: auto;
  }
  #sideNav .navbar-collapse .navbar-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
  #sideNav .navbar-collapse .navbar-nav .nav-item {
    display: block;
  }
  #sideNav .navbar-collapse .navbar-nav .nav-item .nav-link {
    display: block;
  }
}
.exp-list{max-width: 768px; padding-bottom: 1em; border-bottom: 1px solid #fff;flex-wrap: wrap;}
section .exp-list .mov-year span{background: #444;padding: 2px 8px 4px 8px;border-radius: 4px;margin-top: 8px;display: inline-block;}
.contact-links{margin-bottom: 2em}
.contact-links a{margin-bottom: 0.5em;display: inline-block;font-size: 1.5em;background:#fff;border-radius: 4px;padding: 0 10px;text-transform: lowercase;transition: all 0.2s ease}.contact-links a:hover{text-decoration: none;color: #fff;background-color: #444}
section.page-sec {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
  max-width: 75rem;
}

section .exp-list .mov-year {
  min-width: none;
}

@media (min-width: 768px) {
  section.page-sec {
    /*min-height: 100vh;*/
  }
  section .exp-list .work-exp {
    width: 80%
  }
  section .exp-list .mov-year {
    width: 20%;font-size: 66%;
  }
  .contact-links a{font-size: 1.5em;}
}

@media (min-width: 992px) {
  section.page-sec {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}

.bg-primary {
  background-color: #FFF !important;
}

.text-primary {
  color: #fff !important;
}

a {
  color: #333;
}

a:hover, a:focus, a:active {
  color: #824027;
}