/*!
 * 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:#868e96}@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:#af103b}.dev-icons{font-size:3rem}.dev-icons .list-inline-item i:hover{color:#af103b}#sideNav .navbar-nav .nav-item .nav-link{font-weight:800;letter-spacing:.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:.5rem}#sideNav .navbar-brand .img-profile{max-width:10rem;max-height:10rem;border:.5rem solid rgba(255,255,255,.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:#af103b!important}.text-primary{color:#af103b!important}a{color:#af103b}a:active,a:focus,a:hover{color:#824027}
/* --- Hero Banner Section --- */
.about-banner {
  background-size: cover;
  width: 100%;
  display: flex;
  border-bottom: 1px solid #eee; 
}

/* --- Hero Banner Section --- */
.about-banner {
  background-size: cover;
  width: 100%;
  display: flex;
  border-bottom: 1px solid #eee; 
}

/* 1. DESKTOP VIEW */
@media (min-width: 769px) {
  .about-banner {
    height: 480px;
    background-image: linear-gradient(to right, 
      rgba(0,0,0,0.90) 0%, 
      rgba(0,0,0,0.85) 15%, 
      rgba(0,0,0,0.45) 35%, 
      rgba(0,0,0,0) 65%
    ), url('../img/profile_sitting.jpg');
    background-position: center 20%;
    align-items: center; 
  }
}

/* Banner Typography - Forcing the font and weight */
.banner-name {
  font-family: 'Saira Extra Condensed', sans-serif !important;
  font-size: 5.5rem; 
  font-weight: 700 !important;
  line-height: 0.9;
  text-transform: uppercase;
}

/* The Lighter/Vibrant Maroon Bold Fix */
.text-maroon-banner {
  color: #d1123e !important; /* Vibrant magenta/maroon */
  font-weight: 800 !important; /* Thick/Bold */
  text-shadow: 1px 1px 3px rgba(0,0,0,0.3); 
}

/* 2. MOBILE VIEW (Face centered) */
@media (max-width: 768px) {
  .about-banner {
    height: 550px; 
    align-items: flex-end; /* Words at the bottom */
    
    /* Center on your face (80%) instead of the plant */
    background-position: 80% center !important; 
    
    background-image: linear-gradient(to bottom, 
      rgba(0,0,0,0) 0%, 
      rgba(0,0,0,0) 45%, 
      rgba(0,0,0,0.7) 75%, 
      rgba(0,0,0,0.95) 100%
    ), url('../img/profile_sitting.jpg') !important;
  }

  .banner-content {
    padding: 0 1.5rem 3rem 1.5rem; 
    width: 100%;
    text-align: center; 
  }

  .banner-name {
    font-size: 2.5rem !important;
  }
}