﻿

img {
    width: 100%;
    height: auto;
}

hr {
    margin-top: 0 !important;
    /*height: 1px;*/
    height: .05em;
    background-color: #808285 !important;
}

.BlueHR {
    margin-top: 0 !important;
    height: .05em;
    background-color: #1b75bc !important;
}

.HeaderText{
    font-family: Arial;
    color: #1b75bc;
    font-style: italic;
}

@media (min-width: 320px) {
    .HeaderText {
        font-size: 24pt;
    }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .HeaderText {
        font-size: 30pt;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .HeaderText {
        font-size: 42pt;
    }
}

@media (min-width: 320px) {
    .GreenHeaderText {
        font-size: 20pt;
        font-weight: bold;
        color: #009444;
    }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .GreenHeaderText {
        font-size: 22pt;
        font-weight: bold;
        color: #009444;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .GreenHeaderText {
        font-size: 26pt;
        font-weight: bold;
        color: #009444;
    }
}

@media (min-width: 320px) {
    .BlueHeaderText {
        font-size: 20pt;
        font-weight: bold;
        color: #1b75bc;
    }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .BlueHeaderText {
        font-size: 22pt;
        font-weight: bold;
        color: #1b75bc;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .BlueHeaderText {
        font-size: 26pt;
        font-weight: bold;
        color: #1b75bc;
    }
}

@media (min-width: 320px) {
    .GreenTableHeaderText {
        font-size: 13pt;
        font-weight: bold;
        color: #009444;
    }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .GreenTableHeaderText {
        font-size: 14pt;
        font-weight: bold;
        color: #009444;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .GreenTableHeaderText {
        font-size: 14pt;
        font-weight: bold;
        color: #009444;
    }
}


.RegularText {
    font-family: Arial;
    color: black;
    font-size: 12pt;
}

.RegularTextBold {
    font-family: Arial;
    color: black;
    font-size: 12pt;
    font-weight: bold;
}

.RegularTextItalic {
    font-family: Arial;
    color: black;
    font-size: 12pt;
    font-style: italic;
}

.BlueRegularTextItalic {
    font-family: Arial;
    color: #1b75bc;
    font-size: 12pt;
    font-style: italic;
}


@media (min-width: 320px) {
    .FocusYourNeedsDiv {
        margin-left: 10%;
        margin-right: 10%;
    }
}
 
@media (min-width: 768px) {
    .FocusYourNeedsDiv {
        margin-left: 0;
        margin-right: 0;
    }
}

 
/*@media (min-width: 992px) {
    .FocusYourNeedsDiv {
        font-family: Arial;
        color: black;
        font-size: 12pt;
    }
}*/


/* Images */

@media (min-width: 320px) {
    .FocusYourNeeds {
        width: 40%;
        height: auto;
        margin-left: 10%;
    }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .FocusYourNeeds {
        width: 100%;
        height: auto;
        margin-left: 0;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .FocusYourNeeds {
        width: 100%;
        height: auto;
        margin-left: 0;
        border: none;
    }
}

@media (min-width: 320px) {
    .HomeButton {
        width: 32px;
        height: auto;
        margin-left: 5%;
        margin-right: 10%;
    }
}

@media (min-width: 768px) {
    .HomeButton {
        width: 42px;
        height: auto;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    .HomeButton {
        width: 42px;
        height: auto;
        margin-left: 0;
        border: none;
    }
}

@media (min-width: 320px) {
    .ForMoreInformation {
        width: auto;
        height: 50px;
        margin-left: 5%;
        margin-right: 10%;
    }
}

@media (min-width: 768px) {
    .ForMoreInformation {
        width: auto;
        height: 90px;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    .ForMoreInformation {
        width: auto;
        height: 100%;
        margin-left: 0;
        border: none;
    }
}


@media (min-width: 320px) {
    .Checkmark {
        width: 100%;
        height: auto;
        margin-right: 10%;
    }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .Checkmark {
        width: 70%;
        height: auto;
        margin-left: 20%;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .Checkmark {
        width: 70%;
        height: auto;
        margin-left: 20%;
        border: none;
    }
}


/* Nav Links*/
.anav, anav, .anav:active, anav:active {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: normal !important;
    font-style: normal;
    font-size: 1rem !important;
    line-height: 1.5;
    color: #000000 !important;
    letter-spacing: .03em;
    background-color: #ffffff;
}

/* Links */
.alink:active, .alink:link, .alink:visited {
    font-family: Arial;
    color: #1b75bc;
    font-size: 12pt;
    font-style: italic;
    text-decoration: underline;
    font-weight:bold;
}

/* Light Grey background*/
.LightGreyBackground {
    background-color: #e6e7e8;
}

/* Light Blue background*/
.LightBlueBackground{
    background-color: #e2f0f5;
}

/* List Item padding */
li {
    padding-top: 5px;
}


.BlueListText {
    font-family: Arial;
    color: #1b75bc;
    font-size: 14pt;
    font-style: italic;
    padding-top: 5px;
}

.GreenBoldText {
    font-family: Arial;
    color: #009444;
    font-size: 14pt;
    font-weight: bold;
}


/* Footer Fonts */
/*.BlueFooterText {
    font-family: Arial;
    color: #1b75bc;
    font-size: 14pt;
    font-style: italic;
    font-weight: bold;
}*/

/*.BlackFooterText {
    font-family: Arial;
    color: #000000;
    font-size: 14pt;
    font-style: italic;
    font-weight: bold;
}*/

/*.footerlink:active, .footerlink:link, .footerlink:visited {
    font-family: Arial;
    color: #000000;
    font-size: 14pt;
    text-decoration: underline;
    font-weight: bold;
}*/

@media (min-width: 320px) {
    .footerlink:active, .footerlink:link, .footerlink:visited {
        font-family: Arial;
        color: #000000;
        font-size: 10pt;
        text-decoration: underline;
        font-weight: bold;
    }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .footerlink:active, .footerlink:link, .footerlink:visited {
        font-family: Arial;
        color: #000000;
        font-size: 14pt;
        text-decoration: underline;
        font-weight: bold;
    }
}

@media (min-width: 320px) {
    .BlackFooterText {
        font-family: Arial;
        color: #000000;
        font-size: 10pt;
        font-style: italic;
        font-weight: bold;
    }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .BlackFooterText {
        font-family: Arial;
        color: #000000;
        font-size: 14pt;
        font-style: italic;
        font-weight: bold;
    }
}

@media (min-width: 320px) {
    .BlueFooterText {
        font-family: Arial;
        color: #1b75bc;
        font-size: 10pt;
        font-style: italic;
        font-weight: bold;
    }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .BlueFooterText {
        font-family: Arial;
        color: #1b75bc;
        font-size: 14pt;
        font-style: italic;
        font-weight: bold;
    }
}
