.header-font {
    font-family: 'PT Serif', serif;
}

.nav-link {
    font-size: 20px;
    margin-right: 10px;
}

nav button {
    font-size: 20px !important;
}

.navbar-brand {
    font-size: 25px !important;
}

.navbar-brand img {
    width: 80px;
    margin-right: 10px;
}

body {
    background-color: red;
    background-image: linear-gradient(red,white, white);
    background-repeat: no-repeat;
}

#services {
    background-color: red;
    background-image: url('../images/services.jpg');
    color: white;
}

@media (max-width: 768px) { 
    .display-3 {
        font-size: 3em;
    }

    footer .row, footer .row .col{
        display: block;
        text-align: center !important;
    }
}