/* Global Vars */
/* Responsive */
body {
  color: #fff;
  font: 100% "Raleway", Arial, sans-serif;
  background-size: auto, cover;
  background-attachment: fixed, fixed;
  background-position: center, center;
  background-color: #2e3141;
  background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../img/bgs/mountains.jpg"); }

img {
  max-width: 100%; }
  img.round {
    border-radius: 100%;
    margin: 2.5em auto 2em auto;
    width: 22em;
    overflow: hidden; }

#page-header {
  padding: 1em 0 2em 0; }
  @media screen and (min-width: 960px) {
    #page-header {
      padding: 15em 0 10em 0; } }

.chip {
  margin-bottom: 0.5em; }

.divider {
  height: 2px;
  opacity: 0.15; }

.noshow {
  opacity: 0;
  visibility: hidden; }

.show {
  opacity: 1;
  visibility: visible; }

nav {
  z-index: 999;
  position: fixed;
  font-family: 'Hind Siliguri', Arial, sans-serif;
  background-color: #353849;
  transition: background-color 0.2s ease-in-out; }
  @media only screen and (max-width: 992px) {
    nav .container {
      width: 100%; } }
  nav .brand-logo {
    font-size: 0.8rem;
    font-weight: normal;
    letter-spacing: 8px;
    font-family: "PT Serif", serif;
    text-transform: uppercase;
    z-index: 100;
    text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.19); }
    @media screen and (min-width: 600px) {
      nav .brand-logo {
        font-size: 1.2rem; } }
    @media only screen and (max-width: 992px) {
      nav .brand-logo {
        left: 36%; } }
  nav ul a {
    font-weight: 600;
    text-transform: uppercase; }
    nav ul a.active {
      background-color: rgba(0, 0, 0, 0.3); }
  nav .hire-me i.material-icons {
    line-height: 35px;
    font-size: 1rem; }
  nav .button-collapse {
    float: right;
    padding: 0 1.2em;
    background-color: #26a69a; }
    nav .button-collapse i {
      font-size: 1.8rem; }

@media screen and (min-width: 960px) {
  .alt nav {
    box-shadow: none;
    background-color: transparent; } }

#nav-mobile {
  display: none;
  position: relative;
  top: 4em;
  background-color: #26a69a; }
  #nav-mobile.on {
    display: block; }
  #nav-mobile li {
    float: none;
    transition: none;
    border-top: 0.1rem solid #a0d4cf; }
    #nav-mobile li a {
      display: block;
      transition: none; }

.side-nav {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  font-family: 'Hind Siliguri', Arial, sans-serif;
  background-color: #2d3140; }

.side-nav a {
  color: #fff; }

#sidenav-overlay {
  background-color: transparent; }

#top {
  display: none;
  position: fixed;
  right: 5px;
  bottom: 5px;
  z-index: 2000; }
  #top i {
    cursor: pointer;
    opacity: 0.75;
    font-size: 3rem;
    background-color: #26a69a;
    border-radius: 3em; }
    #top i:hover {
      opacity: 1; }
  @media screen and (min-width: 600px) {
    #top {
      right: 40px;
      bottom: 40px; } }

#font-load {
  width: 0;
  height: 0;
  overflow: hidden;
  font-weight: 600;
  font-family: 'Hind Siliguri', Arial, sans-serif; }

@media screen and (min-width: 960px) {
  .margin-bottom-xs {
    margin-bottom: 2em; }
  .margin-bottom-sm {
    margin-bottom: 4em; }
  .margin-bottom-md {
    margin-bottom: 6em; }
  .margin-bottom-lg {
    margin-bottom: 10em; } }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase; }
  h1.title,
  h2.title,
  h3.title,
  h4.title,
  h5.title,
  h6.title {
    padding-bottom: 1em;
    margin-bottom: 1em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-bottom: solid 2px rgba(255, 255, 255, 0.125); }
  h1.plain,
  h2.plain,
  h3.plain,
  h4.plain,
  h5.plain,
  h6.plain {
    border-bottom: none; }

h2 {
  font-size: 2.26rem;
  letter-spacing: 0.1em;
  padding-bottom: 0.4em;
  border-bottom: solid 2px rgba(255, 255, 255, 0.125); }

h3 {
  font-size: 1.24rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  padding-bottom: 0.4em; }

p {
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: 200; }

section {
  padding: 4em 0; }
  section.padding-sm {
    padding: 2em 0; }

#intro h2 {
  font-size: 3.56rem; }

#intro p {
  font-size: 1.4em;
  font-weight: 200;
  letter-spacing: 0.1em;
  line-height: 2;
  text-transform: uppercase; }

#can-do {
  background-color: #2e3141; }
  #can-do .m4 div {
    padding: 2em;
    border-radius: 0.3em;
    background-color: #353849; }
  #can-do .m4 h2 {
    padding-bottom: 0;
    border-bottom: none; }

#work-intro .card {
  background-color: #2a3242; }
  #work-intro .card .card-title {
    display: block;
    width: 100%;
    font-weight: 400;
    background: rgba(0, 0, 0, 0.45);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); }
  #work-intro .card .card-image {
    max-height: 190px;
    overflow: hidden; }
  #work-intro .card .card-action a:not(.btn):not(.btn-large):not(.btn-floating) {
    color: #26a69a;
    font-weight: 400; }

#work h2 {
  font-size: 2.92rem;
  border-bottom: none; }

#work a {
  display: block;
  max-width: 800px;
  margin: 0 auto 125px auto;
  transition: all 200ms ease;
  overflow: hidden;
  height: 260px;
  border-radius: 5px; }
  @media screen and (min-width: 480px) {
    #work a {
      height: 300px; } }
  @media screen and (min-width: 960px) {
    #work a {
      height: 375px; } }

#about {
  background-color: #4c5c96; }

#why-me {
  background-color: #2e3141; }

#services {
  background-color: #2e3141; }

#contact #notice {
  display: none; }

.skillset {
  margin-bottom: 2.5em; }

#hire-me {
  padding: 0.3em 0 0 0;
  background-color: #1e202b; }

footer {
  font-weight: 300;
  font-family: 'Hind Siliguri', Arial, sans-serif; }

#four-oh-four a {
  color: #3dc1d6; }

#four-oh-four i {
  color: #3dc1d6;
  font-size: 15.5rem; }

#four-oh-four .content {
  position: absolute;
  top: 20%;
  width: 100%; }