a, #mainNav .navbar-nav li.nav-item a.nav-link:hover
{
    color: #56a8ff;
}

a:hover
{
    color:#007bff;
}

a:active, a:focus
{
    outline: 0;
    border: none;
    -moz-outline-style: none;
}

#mainNav
{
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#mainNav .navbar-nav li.nav-item a.nav-link
{
    font-size: 1.1rem;
}

#mainNav .navbar-brand
{
    font-size: 1.5em;
}

#mainNav.navbar-shrink .navbar-brand
{
    font-size: 1.25em;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active,
#mainNav .navbar-nav > li.nav-item > a.nav-link.active:active,
#mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus,
#mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover,
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover, button.bg-primary:focus
{
    color: #fff;
    background: #56a8ff !important;
}

#mainNav
{
    background-image: url('../assets/img/header-background.jpg');
    border-bottom: 5px black solid;
}

.navbar-brand:hover
{
    text-shadow: 0px 0px 10px white;
}

.show-when-small
{
    display: none;
}

@media (max-width: 450px)
{
    .hide-when-small
    {
        display: none;
    }

    .show-when-small
    {
        display: block;
    }
}

.masthead .masthead-avatar
{
    width: 250px;
    height: 250px;
    border-radius: 70px;
    box-shadow: 0px 0px 10px white;
    overflow: hidden;
}

.masthead-avatar>img
{
    object-fit: cover;
    object-position: 0% 60%;
    width: 100%;
    height: 100%;
}

.masthead.bg-primary
{
    background-image: url('../assets/img/background.jpg') !important;
    background-repeat: repeat-x !important;
    background-color: black !important;
    background-size: auto 570px;
    background-position: 50% 85px;
    padding-bottom: 0px;
}

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

section
{
    background-color: black;
    text-align: justify;
}

.page-section .page-section-heading
{
    font-size: 2.5rem;
}

#about
{
    padding-top: 3rem;
}

#about .about-subheading
{
    font-size: 1.5rem;
}

.portfolio .portfolio-item
{
    height: 200px;
    background-size: cover;
    background-position: top;
    background-color: black;
}

.portfolio .portfolio-item .portfolio-item-caption
{
    background-color: rgba(0, 0, 0, 0.4);
}

.portfolio .portfolio-item .portfolio-item-caption label
{
    text-shadow: 0px 0px 5px black;
    cursor: pointer;
}

.floating-label-form-group input,
.floating-label-form-group textarea
{
    color: lightgray;
}

.floating-label-form-group-with-focus label
{
    color:#56a8ff;
}

.form-control:focus
{
    color: white;
    background-color: black;
    border-color: #56a8ff;
    box-shadow: 0 0 0 0.2rem rgba(83, 138, 255, 0.25);
}

.floating-label-form-group
{
    border-bottom: none;
}

.floating-label-form-group input,
.floating-label-form-group textarea
{
    border-bottom: 1px solid #e9ecef;
}

.btn-primary
{
    color: #fff;
    background-color: #56a8ff;
    border-color: #56a8ff;
}

.btn-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #56a8ff;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle
{
    color: #fff;
    background-color: #56a8ff;
    border-color:  #007bff;
}

.btn-primary:focus, .btn-primary.focus
.btn-primary.disabled, .btn-primary:disabled
{
    color: #fff;
    background-color: #007bff;
    border-color: #56a8ff;
    box-shadow: 0 0 0 0.2rem rgba(60, 120, 198, 0.5);
}

.blockquote-footer
{
    display: block;
    font-size: 80%;
    color: #c0c0c0;
}

#quotes, .old-website-link
{
    font-size: 20px;
}

#quotes
{
	float: right;
    border-right: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
    height: 130px;
    width: 100%;
}

#quotes:hover
{
	cursor: pointer;
}

.copyright
{
    background-color: #001629;
}