* {
    margin:0;
    font-family: 'Raleway', sans-serif;
    /*
    color:#272838; */
    font-size: 105%; /* 25 */
}

h1, h2 {
    font-size:150%;
}

/* START NAVBAR CSS */
.nav-image {
    max-width:100%;
    display:block;
}
.styyle{
    font-size:0.8em;
    margin-left:20px;
}
.blue{
    color:darkblue;
}
.nav-bar {
    background:#2f3032;
    text-align: center;
    padding: 30px 0 30px;
    display:grid;
    grid-template-columns: auto auto auto auto;
}

.nav-bar a {
    font-size: 150%;
    display:inline;
    color:white;
    text-decoration: none;
}
/* END NAVBAR CSS */

/* START INDEX.PHP CSS */
.index-content {
    text-align: center;
    padding-top: 100px;
}

.about-us-container {
    width:75%;
    margin:auto;
}

.about-us-container h1{
    font-size:150%;
}

.dates-container {
    margin-top: 100px;
    display: grid;
    /*grid-template-columns: auto auto;*/
}

.dates-container table, 
.dates-container th,
.dates-container td {
    border: 1px solid black;
}

.membership-container {
    margin-top: 100px;
}

.membership-image {
    width:100%;
}

.membership-list {
    margin-top: 100px;
    display: grid;
    grid-template-columns: auto auto;
}
/* END INDEX.PHP CSS */

/* START FAQ.PHP CSS */
.FAQ-content {
    padding: 0 15% 0 15%;
}

.FAQ-content p {
    margin-top:30px;
}
.FAQ-content h2 {
    margin-top:30px;
    text-align:center;
}
/* END FAQ.PHP CSS */

/* START PROJECTHISTORY.PHP CSS */
.project-history-container {
    text-align: center;
    width:75%;
    margin:auto;
    margin-top:50px;
}

.project-history-container hr{
    width:50%;
    margin:auto;
    margin-top:50px;
    margin-bottom:50px;
}
/* END PROJECTHISTORY.PHP CSS */

/* START FOOTER.PHP CSS */
footer {
    text-align: center;
    background-color:#272838;
    padding: 30px 0 30px;
    margin-top: 70px;
}

footer p {
    color:white;
}

footer a {
    color:white;
}
/* END FOOTER.PHP CSS */

/* START MEDIA QUERIES */
@media only screen and (max-width: 600px) {
    .nav-bar {
        grid-template-columns: auto;
        padding:0;
    }

    .nav-bar a {
        display:block;
        margin:10px 0 10px;
    }

    .membership-image {
        width:200%;
        margin-left:-50%;
        margin-right:-50%;
    }

    .membership-container {
        overflow-x:hidden;
    }
  }
/* END MEDIA QUERIES */