body {
    background: #111111;
    color: #ddd;
}

#masthead {
    height: calc(50vw - 100px);
    min-height: 200px;
    background: rgb(249,245,246);
    background-position: center bottom -1px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url('../images/masthead.png'), linear-gradient(72deg, rgba(249,245,246,1) 0%, rgba(221,201,191,1) 41%, rgba(221,201,191,1) 69%, rgba(119,124,118,1) 100%),linear-gradient(180deg, rgba(255,255,255,0) 80%, rgba(119,124,118,1) 85%);
}
    .logo {
        width: 80%;
        margin: 4rem 10% 0;
    }
#welcome {
    border: 1px dashed #555;
    padding: 2rem;
    background: #222;
    margin-top: 4rem;
}

.modifications {
    border: 1px dashed #F2A28E;
    padding: 2rem;
    background: #222;
    margin-bottom: 4rem;
}

.section {
  border-bottom: 1px solid #333;
  padding-top: 8rem;
  padding-bottom: 4rem;
}

.section li {
  list-style-position: outside;
  margin-left: 2rem;
  line-height: 2rem;
}

.section li li {
  line-height: 1.5rem;
}

.section li em {
  color: #aaa;
}

.tbd {
    background: #333;
    padding: 0 .5rem;
    font-style: italic;
    color: #888;
}

hr {
    width: 40%;
    margin: 6rem 30%;
    opacity: .3;
}

.large_btn {
    padding: 2rem 4rem;
    background: #c8dca0;
    border: 2px solid #c8dca0;
    border-radius: 1rem;
    color: #111;
    font-size: 2rem;
    text-decoration: none;
    margin: .5rem 0;
    display: inline-block;
}

.large_btn:hover {
    background: #a1b181;
    color: #000;
}

/*
Nav
*/
.navbar { display: none; }
/* Larger than tablet */
@media (min-width: 750px) {
  /* Navbar */
  .navbar + .docs-section {
    border-top-width: 0; }
  .navbar,
  .navbar-spacer {
    display: block;
    width: 100%;
    height: 6.5rem;
    background: #111;
    z-index: 99;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333; }
  .navbar-spacer {
    display: none; }
  .navbar > .container {
    width: 100%; }
  .navbar-list {
    list-style: none;
    margin-bottom: 0; }
  .navbar-item {
    position: relative;
    float: left;
    margin-bottom: 0; }
  .navbar-link {
    margin-right: 35px;
    text-decoration: none;
    line-height: 6.5rem;
    }
  .navbar-link.active { }
  .has-docked-nav .navbar {
    position: fixed;
    top: 0;
    left: 0; }
  .has-docked-nav .navbar-spacer {
    display: block; }
  /* Re-overiding the width 100% declaration to match size of % based container */
  .has-docked-nav .navbar > .container {
    width: 80%; }
}

.event_link {
    border: 1px solid #ccc;
    background: #222;
    padding: 2rem;
    opacity: .3;
    margin-bottom: 2rem;
}

.event_link img {
    display: block;
    width: 60%;
    padding: 0 20%;
}
.event_link p {
    margin: 0;
}
.event_link .timing {
    font-size: 1.25rem;
    color: #888;
}
.event_link.open {
    opacity: 1;
}


#footer {
    padding: 2rem 0;
    text-align: center;
    font-size: 1rem;
    color: #555;
}