/*
 * Globals
 */
 
a {
    color: #fff;
}

p {
  color: #fff;
  font-size: 1.1rem;
}


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




h3 {
  color: #fff;
  text-align: center;
}


.navbar-dark .navbar-brand {
    color: #000;
}

.navbar-dark .navbar-toggler-icon {
    filter: invert(1);
}


.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgb(0, 0, 0);
}

.navbar-dark .navbar-nav .nav-link {
    color: #9e9c97;
}

.navbar-dark .navbar-nav .nav-link.active {
  color: #000;
}



.btn-primary {
  padding: 15px !important;
  width: 20% !important;
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-size: 1.2rem;
  background-color: #007bff00 !important;
  border: 3px solid #FBA302;
}


.btn-primary:hover {
    color: #fff;
    background-color: #faa500 !important;
    border-color: #faa500 !important;
}

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


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




.subheading{
    color: #fff;
    font-size: 1.7rem !important;
}

.lead {
  font-size: 1.2rem !important;
}


.my-auto h1 {
  color: #fff;
}

.my-auto h2 {
  color: #FBA302;
}

.my-auto span {
    color: #FBA302 !important;
}


.dark {
  color: #000;
}


.background {
  background: #000 !important; 
  background-size: cover !important; 
  background-repeat: no-repeat !important;
}

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

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

.social-icons.personal {
    width: 20%;
    margin: 0 auto;
     margin-bottom: 100px;
}

.img-width {
  width: 80%;
  display: block;
}


.logo-img-menu {
    width: 80%;
    filter: invert(1);
}


.logo-img {
    width: 15%;
    margin-bottom: 30px !important;
}

@media only screen and (max-width: 768px) {

  section.resume-section {
    padding-top: 3rem!important;
    padding-bottom: 5rem!important;
}


.logo-img {
    width: 40%;
    margin-bottom: 20px !important;
}

.my-auto h1 {
    font-size: 2.9rem;
    line-height: 3.3rem;
}


.subheading {
    color: #fff;
    font-size: 1.5rem !important;
}


.img-width {
    width: 70%;
    display: block;
}



.lead {
    font-size: 1.2rem !important;
}


  .btn-primary {
  width: 100% !important;
}
  }