@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/0e31c191/a1de6bdeb04b4859ba026b369673edadec6c59adc756528ffa657339ddd851f0/Montserrat-Medium.ttf') format("truetype");
    font-style: normal;
    font-weight: 500;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/0e31c191/a1de6bdeb04b4859ba026b369673edadec6c59adc756528ffa657339ddd851f0/Montserrat-SemiBold.ttf') format("truetype");
    font-style: normal;
    font-weight: 600;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/0e31c191/a1de6bdeb04b4859ba026b369673edadec6c59adc756528ffa657339ddd851f0/Montserrat-Regular.ttf') format("truetype");
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/0e31c191/a1de6bdeb04b4859ba026b369673edadec6c59adc756528ffa657339ddd851f0/Montserrat-Light.ttf') format("truetype");
    font-style: normal;
    font-weight: 300;
}

html {
    min-height: 100%;
}
html, body {
    background: #c6e4f9 url(/img/0e31c191/9a7cc1fb5cb2e7a3130e03c908564f58512853388ef51371595ad1a3efe140cc/bg.png) no-repeat 65% -25%;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-size: 1rem;
    color: #414141;
    margin: 0;
}
h1,h2 {
    font-weight: 500;
    color: #3a5e9a;
}
p {
    margin: 0;
}
.wrapper, .header, .header>.top, .content, .content>.block, .footer {
    display: flex;
}
.wrapper, .header, .content, .content>.block {
    flex-direction: column;
}
.wrapper {
    width: 100%;
}
.header {
    width: 60%;
    margin: 130px auto 40px;
}
.header>.top {
    margin-bottom: .5rem;
}
.header>.top h1 {
    font-size: 2.5rem;
    padding-right: 50px;
    margin: 0;
}
.header>.top p {
    padding-right: 25px;
}
.header>.bottom {
    font-size: 1.75rem;
    font-weight: 300;
    color: #616161;
}
.content {
    width: 60%;
    margin: 35px auto 0;
}
.content>.block {
    width: 45%;
}
.content>.block h2 {
    font-size: 2rem;
    margin: 0 0 .625rem 0;
}
.content>.block p {
    margin: 0 0 2rem 0;
}
.content>.block b {
    font-size: 1.25rem;
    color: #3a5e9a;
    margin: 0 0 .625rem 0;
}
.footer {
    justify-content: center;
    width: 55%;
    margin: 35px auto 0;
}
.footer a {
    font-weight: 500;
    color: #3A5F9B;
}

@media (max-width: 1024px) {
    html, body {
        background-image: none;
    }
    .header, .content, .footer {
        width: 90%;
    }
    .header>.top h1 {
        font-size: 3.75rem;
    }
    .header>.bottom {
        font-size: 3rem;
    }
    .content>.block {
        width: 100%;
    }
    .content>.block h2 {
        font-size: 3rem;
        margin: 0 0 .625rem 0;
    }
    .content>.block p, .content>.block b {
        font-size: 1rem;
    }
    .footer {
        font-size: 2rem;
    }
}