.intro-header {
  width: 100%
}

.portfolio-modal .modal-content {
    width: 70%;
    margin: auto auto;
}


.nav-stacked {
    font-weight: bold;
}

.nav-link {
    border-left: 1px solid #FFC33D;
    background-color: #FFC33D;
}

.tab-content {
    border-left: 1px solid #FFC33D;
}


#myVideo {
    position: absolute;
    width: 100%;
    height: 100%; 
    z-index: -1;
    object-fit: cover;
}

/*
#about {
   margin-top: 15%; 
}
*/

.imgpb {
    /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
      filter: gray; /* IE5+ */
      -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
      -webkit-transition: all .8s ease-in-out;  
    }

.imgpb:hover {
filter: none;
  -webkit-filter: grayscale(0);
  -webkit-transform: scale(1.01);
}


a:link {
    color: #FFC33D;
    text-decoration: none;
}

a:visited {
    color: #FFC33D;
}

a:hover {
    background-color: #333;
}

a:active {
    color: #FFC33D;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}

.back-to-top:hover{
    color: #333;
    background-color: transparent;
    /* border-color: #ccc; */
}