body {
    font-family: 'Mont Blanc', sans-serif;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background-color: #ebebeb;
    /*-webkit-border-radius: 10px;*/
    /*border-radius: 10px;*/
}

::-webkit-scrollbar-thumb {
    /*-webkit-border-radius: 10px;*/
    /*border-radius: 10px;*/
    border: 0;
    background: #000000;
}

nav#main-nav li.nav-item a.nav-link {
    font-size: 23px;
    color: #707070;
    font-weight: 600;
}

nav#main-nav li.nav-item.active a.nav-link {
    color: #000000;
}

nav#main-nav a.navbar-brand {
    font-size: 27px;
    color: #000000;
    font-weight: 700;
}

footer#main-footer {
    text-align: center;
    background-color: #000000;
    color: #ffffff;
    padding-top: 25px;
    padding-bottom: 25px;
}

footer#main-footer p.title-text {
    font-size: 30px;
    font-weight: 300;
}

footer#main-footer p.copyright-text {
    font-size: 25px;
    font-weight: 300;
}

footer#main-footer div.social-links a.social-link {
    font-size: 25px;
    color: #ffffff;
    padding-left: 5px;
    padding-right: 5px;
}

footer#main-footer div.social-links a.social-link:hover {
    text-decoration: none;
    color: #b4b4b4;
}

div.page-content {
    min-height: calc(100vh - 300px);
}

h1.portfolio-title {
    font-size: 30px;
    font-weight: 600;
    color: #707070;
}

div.portfolio-description {
    font-size: 30px;
    font-weight: 300;
    color: #505050;
}

h2.related-portfolio-title {
    font-size: 30px;
    font-weight: 600;
    color: #464646;
}

p.about-text {
    font-size: 23px;
    font-weight: 300;
    color: #1c1c1c;
    text-align: justify;
}

@media screen and (max-width: 550px) {
    footer#main-footer p.title-text {
        font-size: 25px;
    }

    footer#main-footer p.copyright-text {
        font-size: 22px;
    }

    div.portfolio-description {
        font-size: 25px;
    }
}