@media screen and (min-width: 992px) {
    /* Styles for desktops and larger screens */
    body {
        font-size: 18px;
    }
    p {
        max-width: 1200px;
    }
}

.top-banner {
    /* this is the main GNU/Hurd green banner line */
    background: linear-gradient(#11710c,#6Ac766);
    margin:-8px;
    text-align:center;
    color:white;
    padding:30px 0;
    margin-bottom:40px;
}
.top-banner p {
    font-size:1.4em;
    text-align:center;
}
body {
    text-align:center;
}
.advantages {
    /* some flex stuff */
    display:flex;
    flex-flow: row wrap;
    justify-content:space-around;
}
.advantages div {
    padding:40px 0;
    flex-basis: 28%;
}
/* make only 1 .advantages div on each row at small widths */
@media all and (max-width:800px) {
    .advantages div {
        padding:40px 0;
        flex-basis: 90%;
    }
}
h2, h3 {
    color: #11710c;
  font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
    font-size:1.4em;
}
/* make some awesome fonts */
h1 {
  font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
  font-size: 50px;
  line-height: 65px;
}
p {
  	 font-family: 'Vollkorn', Georgia, Times, serif;
  line-height: 25px;
    font-size:1.1em;
    text-align:left;
}
nav ul {
    display: flex;
}

nav ul li {
    list-style-type: none;
    padding-left: 1em;
    padding-bottom:.5em;
}