body {
    padding-top: 0px;
    padding-bottom: 10px;
    font-size: 12px;
    max-width: 1360px;
    justify-self: center;
}

p {
    font-family: sans-serif;
    color: #6a7684;
    font-size: 1.6em;
    padding: 0.5em 0;
}

h2 {
    font-family: sans-serif;
    font-size: 3em;
    color: #184377;
    padding: 0.2em 0;
}

h3 {
    font-family: sans-serif;
    font-size: 2em;
    color: #184377;
    padding: 0.5em 0;
    margin: 0;
}

h4 {
    padding: 0.5em 0;
    margin: 0;
}

a {
    text-decoration: none;
    color: inherit
}

li {
    color: #184377;
    font-size: 1.5em;
    padding: 0.2em 0;
}

.div-action {
    width: 100%;
    margin: 0.5em 0em;
    background-color: white;
    padding: 1.2em 0;
    color: #184377;
    text-align: center;
    font-size: 1.5em;
    border: 1px solid #184377;
    border-radius: 0.5em;
    font-family: sans-serif;
    text-transform: uppercase;
}

.icon-home {
    cursor: pointer;
    color: #184377;
    font-size: 6em;
    padding: 0.2em;
    margin: 0.2em;
}

    .icon-home:hover {
        color: #6C98BF;
    }

.div-whatfor {
    text-align: center;
    font-family: 'Arial Rounded MT';
    padding: 2em;
    justify-items: center;
    width:28%;
}
.elem-whatfor p{
    color:white;
} 

.icon-whatfor {
    background-color: white;
    border-radius: 40px;
    width: 130px;
    margin-bottom: 2em;
    text-align: center;
    font-family: 'Arial Rounded MT';
    padding: 1.5em;
    margin: 0.5em;
}

.div-counter {
    text-align: center;
    min-width: 16%;
    justify-items:center
}
.icon-counter {
    color: #6C98BF;
    font-size: 5em;
    padding: 0.5em 0.5em 0 0.5em;
    text-align: center;
}

    .icon-counter:hover {
        color: #184377;
        background-color: white;
    }

.figure-counter {
    color: #6C98BF;
    font-size: 4em;
    padding: 0.5em 0.5em 0 0.5em;
    margin: 0;
    text-align: center;
}

.text-counter {
    padding: 0.5em 0 0 0;
    margin: 0;
    width:180px;
    text-align:center;
}

.menuButtOff {
    border: 3px solid transparent;
    border-radius: 15px;
    margin: 1.5em 0.5em 1.5em 0.5em;
    padding: 1em 0.5em;
    color: #184377;
    text-align: center;
    font-size: 1.8em;
    vertical-align: central;
    cursor: pointer
}

    .menuButtOff:hover {
        border: 3px solid #6C98BF;
        color: #6C98BF;
    }

.menuButtOn {
    border: 3px solid #184377;
    border-radius: 15px;
    margin: 1.5em 0.5em 1.5em 0.5em;
    padding: 1em 0.5em;
    color: #184377;
    text-align: center;
    font-size: 1.8em;
    vertical-align: central
}

.menuFlag {
    margin: 4.0em 0em 1.0em 0em;
    padding: 1em 1em;
    width: 2.5em;
    height: 1.5em;
    cursor: pointer;
}

.callToActButt {
    background-color: #184377;
    color: white;
    font-size: 2em;
    font-family: sans-serif;
    text-align: center;
    margin: 3em 2em;
    padding: 1em 2em;
    border-radius: 10px;
    cursor: pointer;
}

.callToActButt-rev {
    background-color: white;
    color: #184377;
    font-size: 2.5em;
    font-family: sans-serif;
    text-align: center;
    margin: 3em 2em;
    padding: 1em 2em;
    border-radius: 10px;
    cursor: pointer;
}

.footerButt {
    background-color: #184377;
    color: white;
    font-size: 1.5em;
    font-family: sans-serif;
    text-align: left;
    margin: 0.5em 0;
    padding: 0.5em 2em;
    border-radius: 10px;
    cursor:pointer;
}

    .footerButt:hover {
        background-color: #6C98BF;
    }

.submitButt {
    background-color: #184377;
    color: white;
    font-size: 1.5em;
    font-family: sans-serif;
    text-align: left;
    margin: 2em 0;
    padding: 1em 2em;
    border-radius: 10px;
    text-transform: uppercase;
    width: 4em;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
    .submitButt:hover {
        background-color: #6C98BF;
    }

.withnessObj {
    width: 28%;
    padding: 1em;
    font-style: italic;
    padding: 0 2em;
}

.refLogo {
    max-width: 16%;
    padding: 0em;
}

.refPict {
    width: -webkit-fill-available;
}

h3.faqQuestion {
    cursor: pointer;
    padding: 0;
    margin: 0 0.5em;
    font-size: 1.7em;
}

    h3.faqQuestion:hover {
        color: #6C98BF;
    }

.faqAnswer {
    font-size: 1.8em;
    margin: 0 0.5em;
    color: #184377;
}

.blogDiv {
    padding: 2em;
    width: 300px;
}

.blogPict {
    width: 100%;
    border: 4px solid #184377;
    border-radius: 20px;
    cursor: pointer;
}

.blogPagePict {
    width: 100%;
    border-radius: 20px;
    float: left;
    width: 360px;
    height: 270px;
    margin: 24px 16px 16px 0;
}

.personDiv {
    display: block;
    min-width: 330px;
    padding: 2em;
    margin: 1em;
    border-radius: 10px;
    text-align: center;
    align-content: center;
    background-color: #e7ecf1;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.personIco {
    font-size: 5em;
    margin: 0.5em;
    color: #184377;
}

    .personIco:hover {
        color: #6C98BF;
    }

h2.personJob {
    font-size: 2.8em;
    padding: 0.5em 0;
    margin: 0;
}

.contactDiv {
    display: flex;
    text-align: center;
    justify-content: center;
}

.contactIco {
    font-size: 1.5em;
    padding: 0.3em 0;
}

.contactLink {
    font-size: 1.5em;
    padding: 0.3em;
}

.locationDiv {
    display: block;
    width: 30%;
    padding: 2em;
    margin: 1em;
    text-align: center;
    align-content: center;
}