html, body {
    scroll-behavior: smooth;
    padding: 0px;
    margin: 0px;
}
section {
    min-height: 100vh;
}
p {
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: bold;
    color:white;
}

.namebrand {
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: bold;
}

#introwelcome {
    font-size:3em;
}
#introname {
    font-size:4em;
}
#intropar {
    font-size:2.5em;
}

@media (max-width: 767.99px) { /* Bootstrap "sm" breakpoint */
    #introwelcome {
        font-size:1.5em;
    }
    #introname {
        font-size:2em;
    }
    #intropar {
        font-size:1em;
    }
    .hide-on-small {
        display: none;
    }

    .facecard {
        width: 80%;
        border-radius: 1rem;
        margin: auto;
    }

    .facecard-body h5 {
        font-size: 1.5em;
    }

    .facecard-body p {
        font-size: 0.8em;
    }

    .facecard-body p span {
        font-size: 0.8em;
    }

    .facecard img {
        height: 300px;
        object-fit: cover;
    }
}

@media (min-width: 768px){
    .facecard {
        width: 100%;
        border-radius: 1rem;
    }
    .facecard-body h5 {
        font-size: 1.8em;
    }

    .facecard img {
        height: 500px;
        object-fit: cover;
    }

    .facecard-body p span {
        font-size: 0.85em;
    }
}

.carousel-control-prev-icon:not(#Media .carousel-control-prev-icon),
.carousel-control-next-icon:not(#Media .carousel-control-next-icon) {
    filter: invert(1);
}