/* Frontpage styles */
.fp-head { color: white; font-weight: bold;  text-shadow: 1px 0 0 gray, 0 -1px 0 gray, 0 1px 0 gray, -1px 0 0 gray;  margin-top: -52px;  }

.fp hr, .mfp hr,
.fp-edit hr {
    border: 0;
    height: 0.5px;
    background: #e8f1f2;
    padding: 0;
    margin-top: 0.25%;
    margin-bottom: 0.5%;
    margin-left: 10%;
    margin-right: 10%;
}

.fp,.fp-edit {
    padding: 1% 1% 1% 1%;
    background-color: white;
    color: #555555;
}
.fp-edit div {
    border: 0.2px solid whitesmoke;
}

.fp > div.fp-intro, .mfp > div.fp-intro,
.fp-edit > div.fp-intro  {
    color: #555555;
    font-size: 110%;
    font-family: Esteban, Georgia, "Times New Roman", Times, serif;
    padding-bottom: 1%;
    text-align: center;
}

.fp > div.fp-linkgroup, .mfp > div.fp-linkgroup,
.fp-edit  > div.fp-linkgroup {
    padding-top: 0.3%;
    padding-bottom: 0.3%;
    font-family: Segoe, "Segoe UI", Calibri, Helmet, FreeSans, sans-serif;
    color: #354746;
}

.fp > div.fp-linkgroup > div.row, .mfp > div.fp-linkgroup > div.row,
.fp-edit  > div.fp-linkgroup > div.row {

}
.fp > div.fp-linkgroup > div.row > div, .mfp > div.fp-linkgroup > div.row > div,
.fp-edit  > div.fp-linkgroup > div.row > div {
    font-weight: bold;
}

.fp > div.fp-linkgroup > div.row > div.col-sm-6:first-of-type, .mfp > div.fp-linkgroup > div.row > div.col-sm-6:first-of-type,
.fp-edit  > div.fp-linkgroup > div.row > div.col-sm-6:first-of-type {
    text-align: right;
    padding-right: 5%;
}

.fp > div.fp-linkgroup > div.row > div.col-sm-6, .mfp > div.fp-linkgroup > div.row > div.col-sm-6,
.fp-edit  > div.fp-linkgroup > div.row > div.col-sm-6{
    text-align: center;
    font-size: 155%;
}

.fp > div.fp-linkgroup > div.row > div.col-sm-6:last-of-type, .mfp > div.fp-linkgroup > div.row > div.col-sm-6:last-of-type,
.fp-edit  > div.fp-linkgroup > div.row > div.col-sm-6:last-of-type {
    text-align: left;
    padding-left: 5%;
}

.fp > div.fp-linkgroup > div.row > div.col-sm-4:last-of-type, .mfp > div.fp-linkgroup > div.row > div.col-sm-4:last-of-type,
.fp-edit  > div.fp-linkgroup > div.row > div.col-sm-4:last-of-type {
    text-align: right;
}

.fp > div.fp-linkgroup > div.row > div.col-sm-4, .mfp > div.fp-linkgroup > div.row > div.col-sm-4,
.fp-edit  > div.fp-linkgroup > div.row > div.col-sm-4 {
    font-size: 14px;
    text-align: center;
}

.fp > div.fp-linkgroup > div.row > div.col-sm-4:last-of-type, .mfp > div.fp-linkgroup > div.row > div.col-sm-4:last-of-type,
.fp-edit  > div.fp-linkgroup > div.row > div.col-sm-4:last-of-type {
    text-align: left;
}

.fp > div.fp-linkgroup a, .fp-edit  > div.fp-linkgroup a, .mfp > div.fp-linkgroup a, .fp-edit  > div.fp-linkgroup a
{
    text-decoration: none;
    outline: none;
    color: inherit;

}

@media screen and (min-width: 0px) and (max-width: 1400px) {
    .fp > div.fp-linkgroup > div.row > div.col-sm-6:first-of-type,
    .fp-edit  > div.fp-linkgroup > div.row > div.col-sm-6:first-of-type,
    .fp > div.fp-linkgroup > div.row > div.col-sm-6:last-of-type,
    .fp-edit  > div.fp-linkgroup > div.row > div.col-sm-6:last-of-type,
    .fp > div.fp-linkgroup > div.row > div.col-sm-4:first-of-type,
    .fp-edit  > div.fp-linkgroup > div.row > div.col-sm-4:first-of-type,
    .fp > div.fp-linkgroup > div.row > div.col-sm-4:last-of-type,
    .fp-edit  > div.fp-linkgroup > div.row > div.col-sm-4:last-of-type{
        text-align: center;
    }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
    .fp {
        display: none;
        font-size: smaller;
    }
}