.main-content-header{
    font-weight: bold;
    font-size: 1.2em;
}

a{
    color: inherit;
}

a:visited{
    color: inherit;
}

.action{
    display: block;
    font-weight: bold;
    font-size: 20px;
    margin: 20px;
}


.align-top{
    vertical-align: top;
}

.side-bar-header{
    text-align: center;
    background-color: gray;
}

.section-header{
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 1px solid gray;
    margin-bottom: 10px;
}

.shadow{
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

.border-radius-5 {
    border-radius: 5px;
}

.container-3-col{
    width: 100%;
}

.container-3-col > button{
    width: calc(33% - 12px);
    background-color: lightgray;
    color: black;
}

.container-3-col > button ~ button{
    margin-left: 18px;
}

p.margin-bottom {
    margin-bottom: 15px;
}

.overflow-hidden {
    overflow: hidden;
}

.margin-right-10 {
    margin-right: 10px;
}

.float-left {
    float: left;
}

@media(max-width: 600px){
    .container-3-col{
        text-align: center;
    }
    .container-3-col > button{
        width: 90%;
        margin: 10px;
    }
    .container-3-col > button ~ button{
        margin-left: 10px;
    }
}

@media(max-width: 450px) {
    .float-left {
        width: 175px
    }
}