/* ======================
Author's custom styles
======================*/

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #000;
    font-family: Arial, Verdana, sans-serif;
    background-color: #fff;
}

#headerpic {
    margin-bottom: 1.5rem;
}

a:link,
a:visited {
    text-decoration: none;
    color: #004689;
}

a:hover,
a:active,
a:focus {
    color: #000;
    text-decoration: none;
}

a.btn-primary:link,
a.btn-primary:visited {
    text-decoration: none;
    background-color: #004689;
    color: #ddd;
}

a.btn-primary:hover,
a.btn-primary:active,
a.btn-primary:focus {
    color: #fff;
    text-decoration: none;
}

a.footer:link,
a.footer:visited {
    text-decoration: none;
    color: #333;
    font-weight: 300;
}

a.footer:hover,
a.footer:active,
a.footer:focus {
    color: #000;
    text-decoration: none;
}

h1,
.h1 {
    font-size: 1.375rem;
    line-height: 1.25em;
    font-weight: bold;
    color: #0080c4;
    margin-bottom: 25px;
}

h2,
.h2 {
    font-size: 1.25rem;
    line-height: 1.25em;
    font-weight: bold;
    color: #0080c4;
    margin-bottom: 25px;
}

h3,
.h3 {
    font-size: 1.3rem;
    line-height: 1.250em;
    margin: 0 0 15px 0;
    font-weight: 500;
}

h4,
.h4 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 400;
}

h5,
.h5 {
    font-size: 1.25rem;
    line-height: 1.25rem;
    margin: 0;
    font-weight: 500;
}

.small {
    font-size: 0.875rem !important;
    line-height: 1.3rem;
}

.strong,
strong {
    font-weight: bold;
}

.form-control {
    color: #000;
    border: none;
    border-radius: 0;
    transition: none;
}

.form-control:focus {
    background-color: #fff;
    outline: 0;
    box-shadow: none;
}

.greenbg {
    background-color: #74b727;
    color: #fff;
    padding: 2rem;
}

.btn-primary {
    background-color: #0080c4;
    border: none;
    border-radius: 0;
    font-weight: 600;
}

a.btn-primary:link,
a.btn-primary:visited {
    text-decoration: none;
    background-color: #0080c4;
    color: #ddd;
}

a.btn-primary:hover {
    background-color: #0b5ed7;
}

.container-main {
    background-color: #fff;
    padding: 1rem;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-top: 20px solid #0080c4;
}

.bluebg {
    background-color: #c9e2f3;
}

.size {
    color: #0080c4;
    font-size: 2rem;
    font-weight: bold;
}

@media (max-width: 576px) {}

@media (min-width: 576px) {}

@media (min-width: 768px) {
    header {
        padding-top: 30px;
    }
    .container-main {
        background-color: #fff;
        padding: 1rem;
        border-radius: 20px;
    }
    h1,
    .h1 {
        font-size: 2rem;
        line-height: 1.4em;
        font-weight: bold;
        color: #0080c4;
        margin-bottom: 35px;
    }
    h2,
    .h2 {
        font-size: 1.5rem;
        line-height: 1.375em;
        font-weight: bold;
        color: #0080c4;
        margin-bottom: 25px;
    }
    h3,
    .h3 {
        font-size: 1.375rem;
        line-height: 1.75rem;
        font-weight: 500;
    }
    h4,
    .h4 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 400;
    }
    h5,
    .h5 {
        font-size: 1.125rem;
        line-height: 20px;
    }
    p,
    ul,
    ol {
        margin-bottom: 1.25rem;
    }
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {}

@media (min-width: 1600px) {}

@media (min-width: 1920px) {
    body {
        max-width: 1920px;
    }
}