.masthead {
    background-size: cover;
    position: relative;
    z-index: 1;
}

.navbar {
    background-color: rgba(44,62,80,0);
}

#mainNav .navbar-brand {
    color: rgba(256,256,256,1);
    -webkit-transition: color .8s; /* Safari */
    transition: color .8s;
}

.navbar.navbar-shrink {
    background-color: rgba(44,62,80,1) !important;
}

#mainNav.navbar-shrink .navbar-brand {
    color: rgba(256,256,256,1);
}

.backcolor {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 630px;
    background: rgba(44,62,80,0.6);
}

#portfolio .row {
    margin-right: 0px !important;
    margin-left: 0px;
}

.portfolio-item img {
    width: 100%;
}

#contact {
    background-color: #ebebeb;
}

#contactForm {
    background-color: white !important;
    padding: 0.5rem 2rem;
    border-radius: 4px;
}

#sendMessageButton {
    font-size: 24px !important;
}

footer {
    display: none;
}

footer .container {
    display: none;
}

.copyright .container {
    display: flex;
    flex-direction: column;
}

.copyright small {
    font-weight: 900;
}

.git {
    padding: 0.5rem 0rem;
}

/* MODALS */
.go-website {
    display: block;
}

@media (min-width: 992px){
    .backcolor {
        max-height: 696px;
    }
}