#button7
{
    color: #24A19C;
}

#button7:after {
    display:block;
    content: '';
    border-bottom: solid 2px #24A19C;  
    transform: none;
  }
.title
{
    text-align: center;
    margin-bottom: 10px;
}

#container
{
    max-width: 1000px;
    padding: 5px 15%;
    margin: 20px auto;
}
li{
    margin: 1em;
}

ul a
{
    color: #336FAB;
}

ul a:hover{
    text-decoration: underline;
}

@media all and (max-width: 900px){
    #container {
        padding: 5px 20px;
    }
}

@media all and (max-width: 600px){
    ul {
        padding-left: 20px;
    }
    li {
        margin: 0.75em 0;
    }
    li a {
        overflow-wrap: anywhere;
    }
}