:root {
    --yellow: #FDB515;
    --sea-green: #7CCCBD;
    --blue-green: #01597B;
    --medium-grey: #73808B;
    --dark-grey: #40474F;
    --impact: Impact, Haettenschweiler, Arial Black, sans serif;
    --calibri: Calibri, Candara, Arial, sans-serif;
    --poppins: Poppins, sans-seriff;
}

/*==========   FONTS
font-family: Calibri, Candara, Arial, sans-serif;
font-family: Impact, Haettenschweiler, Arial Black,sans serif; 
================*/


body {
    text-align: center;
    font-family: var(--calibri);
    font-size: 18px;
    line-height: 1.15em;
    background-color: var(--blue-green);
    background-image: url(http://image.aulrs.oneamericaemailservices.com/lib/fe5215707d6c00747c12/m/7/d5a28d9d-e0aa-470f-8990-05f71ce64924.png);
}

h1 {
    font-size: 28px;
    line-height: 60px;
    margin-top: 0px;
}

h2 {
    font-family: var(--poppins);
    font-size: 46px;
    font-weight: 300;
    margin: 0px;
    padding: 0px;
    margin-bottom: 0px;
}
h3 {
    font-family: var(--poppins);
    color: var(--dark-grey);
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    line-height: 1.25em;
    margin: 20px 0px 0px 0px;
    padding: 0px 5px;
    min-height: 60px;
}

h4 {
    font-family: var(--poppins);
    color: var(--dark-grey);
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    line-height: 1.5em;
    margin: 20px 0px 0px 0px;
    padding: 0px 5px;
}


h5 {
    font-family: var(--poppins);
    color: var(--blue-green);
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    line-height: 1.25em;
    margin: 20px 0px 0px 0px;
    padding: 0px 5px;
    min-height: 60px;
}




.header {
    background: none;
}
.header-content01 {
    background: var(--blue-green);
    color: #fff;
    height: 60px;
}

.header-content02 {
    background: #fff;
    height: 200px;
    border-bottom: 20px solid var(--sea-green);
}

.header-content02 img.logo {
    max-width: 250px;
    margin: 30px 60px 30px 0px;
    text-align: left;
}

.header-content02 a {
    background: var(--yellow);
    font-family: var(--impact);
    color: var(--dark-grey);
    padding: 20px 100px;
    margin-bottom: 0px;
    text-decoration: none;
    display: inline-block;
    margin-top: 50px;
}

.header-content02 a:hover {
    color: #fff;
    background: var(--blue-green);
}
.main-content01 {
    background: none;
    background-image: url(https://image.aulrs.oneamericaemailservices.com/lib/fe5215707d6c00747c12/m/7/5b0fe6d9-55e9-4a77-8d67-de32bcfb738f.jpg);
    background-position: 0px 0px;
    height: 450px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.inner-yellow {
    background: var(--yellow);
    border-radius: 60px 0px;
    display: inline-block;
    width: auto;
    margin: 0px auto;
    color: var(--dark-grey);
    padding: 30px 60px;
    position: relative;
    top: -30px;
    margin-top: 330px;
    width: auto;
}

.main-content02 {
    background: #fff;
    background-position: center;
}

img.animals {
    max-width: 680px;
    width: 100%;
    padding: 0px 20px;
    margin: 0px auto;
    margin-top: 70px;
    margin-bottom: 70px;
    display: block;
}

.main-content03 {
    background: #F5F5F5;
    margin-top: 2px;
}

.callout {
    margin-top: 30px;
}

.callouts,
.callouts2 {
    background: #fff;
    display: inline-block;
}

.callouts2 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px
}




.callouts3 {
    background: #fff;
    display: inline-block;
}






.callouts .callouts2 {
    margin: 0px 0px
}

.callouts i,
.callouts2 i {
    font-size: 45px;
    text-align: center;
    color: var(--yellow);
    vertical-align: middle;
    padding-right: 0px;
    display: block;
}

.mobileapp {
    background-color: #01597B;
    padding: 20px 0px;
    margin-bottom: 20px;
}

.mobileapp a {
    background-color: #01597B;
    padding: 20px 0px;
    margin-bottom: 20px;
transition: all .2s ease-in-out; 
}

.mobileapp a:hover{
   transform: scale(1.1);
}



.callouts a,
.callouts2 a {
    color: var(--sea-green);
    font-size: 16x;
    font-weight: bold;
    line-height: 1.25em;
    display: block;
    padding: 5px 30px;
    margin-top: 0px;
    margin-bottom: 10px;
}

.callouts a:hover,
.callouts2 a:hover {
    background: var(--blue-green);
    color: #fff;
    text-decoration: none;
}

.main-content03 hr {
    width: 50%;
    margin: 0px auto;
    padding: none;
}

.main-content03 a.login {
    background: var(--yellow);
    font-family: var(--impact);
    color: var(--dark-grey);
    font-size: 30px;
    padding: 40px 100px;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 30px;
}

.main-content03 a.login:hover {
    background: var(--blue-green);
    color: #fff;
    text-decoration: none;
}

.row.callouts {
    display: none;
}

.main-content04 {
    background: var(--blue-green);
    color: #fff;
    padding: 30px 40px;
    margin-top: 10px;
}

.disclosure {
    padding-top: 20px;
}

img.wordmark {
    max-width: 250px;
    margin-top: 30px;
}

@media (max-width: 1200px) {
    .main-content01 {
        background-size: cover;
    }

}
@media (max-width: 992px) {
    .header-content02 {
        background: #fff;
        height: 350px;
        border-bottom: 20px solid var(--sea-green);
    }

.inner-yellow {
        border-radius: 40px 0px;
        display: inline-block;
        width: auto;
        margin: 0px auto;
        padding: 30px 40px;
        position: relative;
        top: -30px;
        margin-top: 330px;
        width: auto;
    }

h3 {
        min-height: 0px;
    }
    
}