@font-face {
    font-family: 'UntitledSansWeb-Regular';
    src: url('../fonts/UntitledSansWeb-Regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/UntitledSansWeb-Regular.woff') format('woff'), /* Pretty Modern Browsers */
}

@font-face {
    font-family: 'UntitledSansWeb-Black';
    src: url('../fonts/UntitledSansWeb-Black.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/UntitledSansWeb-Black.woff') format('woff'), /* Pretty Modern Browsers */
}

@font-face {
    font-family: 'UntitledSanBWeb-Bold';
    src: url('../fonts/UntitledSansWeb-Bold.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/UntitledSansWeb-Bold.woff') format('woff'), /* Pretty Modern Browsers */
}

@font-face {
    font-family: 'UntitledSansWeb-Medium';
    src: url('../fonts/UntitledSansWeb-Medium.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/UntitledSansWeb-Medium.woff') format('woff'), /* Pretty Modern Browsers */
}

html, body {
    min-height: 100%;
}

body {
    background-color: #2f3f47;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

strong {
    font-weight: bold;
}

a {
    text-decoration: none;
    color: #fff;
}

header {
    height: 74px;
    box-shadow: 0 2px 0 0 #633eff;
    background-color: #2f3f47; 
}

header .logo {
    width: 133px;
    height: 37px;
    background: url('../img/prevalent.png');
    background-size: 100% 100%;
    margin-top: 26px;
    display: inline-block;
}

.hero {
    padding: 50px 0;
    background: #fff;
}

.hero p:last-of-type {
    margin-bottom: 0;
}

.hero a {
    color: #6d31ff;
}

h1 {
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #2e3e46;
    margin-bottom: 25px;
}




.network-wrapper {
    background-image: url('../img/pattern.svg');
    background-color: #d7e1e2;
}
.network-box {
    width: 240px;
    text-align: center;
    box-shadow: 0 2px 23px 0 rgba(0, 0, 0, 0.29);
    background-color: #ebebeb;
    margin: 22px auto;
    display: block;
    box-sizing: border-box;
}

.network-box:hover {
    box-shadow: 0 2px 23px 0 rgba(0, 0, 0, 0.53);
    box-sizing: border-box;
}

.network-box .network-logo {
    height: 110px;
    position: relative;
}

.network-box .network-logo .img {
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    
}

.network-box .network-logo.legal .img {
    background-image: url('../img/prevalent_lvn.png');
    margin: -13px 40px 0 ;
    width: 160px;
    height: 26px;
}

.network-box .network-logo.health .img {
    background-image: url('../img/prevalent_hvn.png');
    margin: -13px 40px 0 ;
    width: 160px;
    height: 26px;
}

.network-box .network-logo.exchange .img {
    background-image: url('../img/prevalent_exchange.png');
    margin: -13px 27px 0 ;
    width: 192px;
    height: 26px;
}

.network-box .network-description {
    background-color: #fff;
    padding: 10px 12px;
    height: 170px;
    position: relative;
}

.network-box .network-description p {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 216px;
    font-size: 15px;
}


.network-box .network-link {
    background: #633eff;
    color: #fff;
    font-size: 18px;
    text-align: center;
    height: 35px;
    padding: 4px 0;
}

a.network-box {
    text-decoration: none;
    color: #222;
}

.contact-button {
    width: 180px;
    height: 35px;
    border: solid 1px #6d31ff;
    color: #6d31ff;
    padding: 4px 34px;
    transition: 0.2s ease-in;
}

.contact-button:hover {
    text-decoration: none;
    background: #6d31ff;
    color: #fff;
}


footer {
    height: 75px;
    box-shadow: 0 -2px 0 0 #633eff;
    background-color: #2f3f47;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    padding: 28px 0;
}

footer .links a {
    padding: 0 10px;
    border-right: 1px solid #fff;
}

footer .links a:hover {
    color: #fff;
}

footer .links a:last-of-type {
    border-right: 0;
}

footer p {
    font-size: 16px;
    margin-bottom: 0;
}