/*!

 * Start Bootstrap - Resume v5.0.2 (https://startbootstrap.com/template-overviews/resume)

 * Copyright 2013-2018 Start Bootstrap

 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-resume/blob/master/LICENSE)

 */



body {

  font-family: 'Muli', -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: #535960;

}



@media (min-width: 992px) {

  body {

    padding-top: 0;

    padding-left: 17rem;

  }

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: 'Saira Extra Condensed', -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: 700;

  text-transform: uppercase;

  color: #343a40;

}



h1 {

  font-size: 6rem;

  line-height: 5.5rem;

}



h2 {

  font-size: 3.5rem;

}



h3 {

  font-size: 2rem;

}



p.lead {

  font-size: 1.15rem;

  font-weight: 400;

}



.subheading {

  text-transform: uppercase;

  font-weight: 500;

  font-family: 'Saira Extra Condensed', -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;

}



.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: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 .navbar-nav .nav-item .nav-link {

  font-weight: 800;

  letter-spacing: 0.05rem;

  text-transform: uppercase;

}



#sideNav .navbar-toggler:focus {

  outline-color: #d48a6e;

}



@media (min-width: 992px) {

  #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: 17rem;

    height: 100vh;

  }

  #sideNav .navbar-brand {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin: auto auto 0;

    padding: 0.5rem;

  }

  #sideNav .navbar-brand .img-profile {

    max-width: 10rem;

    max-height: 10rem;

    border: 0.5rem solid rgba(255, 255, 255, 0.2);

  }

  #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;

  }

}



section.resume-section {

  padding-top: 5rem !important;

  padding-bottom: 5rem !important;

  max-width: 75rem;

}



section.resume-section .resume-item .resume-date {

  min-width: none;

}



@media (min-width: 768px) {

  section.resume-section {

    min-height: 100vh;

  }

  section.resume-section .resume-item .resume-date {

    min-width: 18rem;

  }

}



@media (min-width: 992px) {

  section.resume-section {

    padding-top: 3rem !important;

    padding-bottom: 3rem !important;

  }

}



.bg-primary {

  background-color: #3857BD !important;

}



.text-primary {

  color: #38AEBD !important;

}



a {

  color: #38AEBD;

}



a:hover, a:focus, a:active {

  color: #2C8894;

}



.xx {

	color: #2A2A2A;

}



.redheart {

	color: #FF0004;

}



.parallax-window {

    min-height: 200px;

	z-index: 100;

    background: transparent;

	width: 100%;

	height: 100px;

}