.navbar-brand {
    width: 250px;
   
}


.navbar-logo{
    width:100%;
    height:auto;
    max-width:300px;
    padding-left: 20px;
    padding-right: 10%;
    padding-top: 20px;
    padding-bottom: 30px;
    
}

.navbar-nav {
    font-family: 'Baskervville', serif;
    font-variant: small-caps;
    font-weight: 400;
    font-size: 30px;
    padding-top: 20px;
    padding-left: 50px;
    padding-bottom: 30px;

}

.nav-link {
    padding-left:20px;
}

.navbar-toggler {
    margin-left: auto;
    padding-right: 20px;
    font-size: 2rem;
}

.navbarNav {
    float: right;
}

.about-button {
    padding-right: 30px;
    color: black;
    font-size: 25px;
    /* I have used 30px previously while looks best on computers but unusable on phones */
}

.portfolio-button {
    padding-right: 30px;
    color: black;
    font-size: 25px;
}

.navbar-collapse {
    float: right;
}

.whatidocolumns {
    width: 41.6666%;
}