@font-face {
    font-family: 'SpaceGrotesk';
    src: url('fonts/SpaceGrotesk-VariableFont_wght.ttf') format('truetype');
    font-display: swap;
}

body.home {
    background-color: rgb(248, 240, 229);
}

div.header {
    padding: 45px 30px;
}

div.content {
    padding: 45px 30px;

}

img.logo {
    height: 35px;
}

section#welcome {
    padding-top: 15px;
}

h1 {
    font-family: "Space Grotesk", SpaceGrotesk, sans-serif;
    font-size: 4em;
    font-weight: 400;
    margin: 0px;
    padding: 10px;
}

h1.rwv-title>span {
    /** Highlighted "Red Wagon Ventures" **/
    background-color: red;
    padding: 0px 5px;
}


h2 {
    font-family: "Space Grotesk", SpaceGrotesk, sans-serif;
    font-size: 1.75em;
    font-weight: 400;
    margin: 0px;
    padding: 5px;    
}


h3 {
    font-family: "Space Grotesk", SpaceGrotesk, sans-serif;
    font-size: 1.25em;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    padding: 15px;
    margin: 0px;
}

@media only screen and (min-width: 768px) {
    h1.rwv-title {
        text-align: center;
    }

    h2 {
        text-align: center;
    }

    section#welcome {
        padding-top: 95px;
    }
}

@media only screen and (max-width: 767px) {
    div.content {
        max-width: 370px;
        margin: auto;
    }
}