body {
    margin: 0;
    padding: 0;
    background: linear-gradient(to right, lavender, darkseagreen 5%, darkseagreen 95%, lavender);
}
.navbar {
    overflow: hidden;
    background-color: #339933;
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
}
.navbar a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-weight: bold;
}
.navbar a:hover {
    background: #ddd;
    color: black;
}
#container {
    width: 100%;
}

section {
    padding: 1% 8% 1% 8%;
    margin: 0 6em auto;
    background-color: darkseagreen;
}

/*
section#home {
    padding-top: 3%;
}
*/

section#footer{
    background-color: #339933;
    height: 1.15em;
    line-height: 1.15em;
    margin: 0 auto;
}

section#footer p {
    margin: 0 auto;
}

h1 {
    /*    padding-top: 1%;*/
    text-align: center;
    font-variant: small-caps;
    font-size: 2.25em;
    font-family: georgia;
    color: lavender;
}

p {
    text-align: center;
    font-size: 1.15em;
    font-family: georgia;
}

.smallCaps {
    font-variant: small-caps;
}

.img-holder img {
    width:75%;
    height:auto;
}

@media screen and (max-width: 481px){

    section {
        padding: 0;
        margin: 0 1em auto;
        background-color: darkseagreen;
    }
  /*write your CSS-Code here*/


}