body {
    /* background:rgb(235, 235, 235); */
}
h1, h2, h3, h4, h5, h6 {
    color:#505D68;
}
header img {
    width:150px;
}
header {
    margin:1rem 0;
}
.container {
    max-width:850px;
}
.about {
    margin:3rem 0;
}
.about h1 {
    margin-bottom:2rem;
}
.btn {
    color: white;
    font-weight: 600;
    display: flex;
    background: #0072BC;
    border-radius: 5px;
    height: min-content;
    margin: 0 0 0 10px;
    align-self: center;
}
.btn:hover {
    color:white;
    text-decoration:underline;
}
section {
    margin:0 0 2rem;
}

.service {
    background:white;
    border:1px solid rgb(173, 173, 173);
    border-top:none;
    padding:1rem;
}
.service:first-child {
    border-top:1px solid rgb(173, 173, 173);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.service:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.service--operational {
    color:#28a745;
}
.service__name {
    font-weight:600;
    color:black;
}
.services--all .service--operational{
    background:#28a745;
    border:1px solid greenyellow;
    color:white;
}
.services--all .service__name {
    color:white;
}
.incidents {
    margin-top:2.5rem;
}

.incident {
    margin:35px 0 0;
}
.incident__action__time {
    display:block;
}
.incident__title {
    font-size:20px;
}
.incident__date {
    padding-bottom:.5rem;
    border-bottom:1px solid gainsboro;
}
.incident__action__time {
    color: grey;
    font-weight:300;
}
@media(max-width:400px) {
    .about h1 {
        font-size:2rem;
    }
}