html, body, div, span, ul, li {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    padding-top: 70px;
}


.yellow-font {
    color: #FFC402;
}

h3 {
    font-size: 2rem;
}

.grass {
    position: absolute;
    height: 200px; /* You must set a specified height */
    background-image: url("../images/grass.png"); /* The image used */

    bottom: -10px;
    width: 100%;
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */

    left: 0;
}