/*119 124 150  777c96 light grey*/
/*140 217 212  8cd9d4 primary color*/
/*114 208 204  72d0cc*/
/*44 156 161   2c9ca1*/
/*30 27 48     1e1b30 dark grey*/
/*05092e hero background*/

section#slogan {
    padding: 20px 25%;
    color: #2c9ca1;
}

section#how {
    padding: 20px 0;
}

.specialty {
    background: #2c9ca1;
    color: #e0ffff;
    text-align: center;
    padding: 16px;
    margin: 8px;
    display: inline-block;
    width: 22%;
    vertical-align: middle;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5);
}

#specialty-details {
    display: none;
}

.contact {
    border: 1px #777c96 solid;
    /*width: 400px;*/
    margin: 20px calc(50% - 250px);
    background-color: white;
    color: #05092e;
    padding: 0;
}
.contact:hover {
    cursor: pointer;
    background-color: #05092e;
    color: white;
}
#contact a {
    color: inherit;
    text-decoration: none;
}
.contact p {
    margin: 10px;
}