html {
    scroll-behavior: smooth;
}
body {
    margin: 0;
}
h2 {
    font-family: proxima_nova_ltsemibold;
    font-size: 3vw;
    color: rgb(82, 82, 82);
}
p {
    font-family: proxima_nova_ltthin;
    font-size: 1.5vw;
    color: rgb(82, 82, 82);
    font-weight: bolder;
}
li {
    font-family: proxima_nova_ltthin;
    font-size: 1.5vw;
    color: rgb(82, 82, 82);
    font-weight: bolder;
}
.section {
    height: 45vw;
    display: flex;
    flex-flow: row nowrap;
}
.spacer {
    width: 3%;
    height: 100%;
}
.gradientSection {
    height: 100%;
    width: 97%;
    box-shadow: 0px 7px 8px -8px rgba(0, 0, 0, .6);
}

/**/
#headerMainDivMobile {
    display: none;
}
#menuDiv {
    display: none;
}
#mainDivMobile {
    display: none;
}
#mobileFooterConnectMaiDiv {
    display: none;
}
#mobileFooterLinksMainDiv {
    display: none;
}
/**/

/*------ICON------*/

.iconTextSub {
    font-size: 1vw;
    font-weight: bolder;
    width: 20vw;
}


/*------TREATING------*/
#treatingSection {
    width: 100%;
    height: 41vw;
}
#treatingGrey {
    vertical-align: center;
    position: relative;
    top: 5vw;
    background-color: rgb(251, 251, 251);
    width: 100vw;
    height: 31vw;
    box-shadow: 0px 7px 8px -8px rgba(0, 0, 0, .6);
}
#treatingImg {
    height: 41vw;
    width: auto;
    position: relative;
    bottom: 31vw;
    left: 51vw;
    z-index: 1;
}
#treatingText {
    width: 35vw;
    position: relative;
    left: 5vw;
    top: 3vw;
}
#treatingStatHead {
    font-size: 2.1vw;
    width: 40vw;
    position: relative;
    top: -2vw;
    left: 6vw;
}
#treatingIconRow {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    margin-top: -1vw;
    margin-bottom: 9vw;
}
#treatingIconPrevalent {
    display: flex;
    flex-flow: column;

}
#treatingIconWidespread {
    display: flex;
    flex-flow: column;
    margin-left: 10vw;
}
#treatingIconInsufficient {
    display: flex;
    flex-flow: column;
    margin-left: 10vw;
}
#prevalentIconImg {
    width: 4vw;
    height: auto;
    position: relative;
    left: 6vw;
}
#widespreadIconImg {
    width: 4vw;
    height: auto;
    position: relative;
    left: 7vw;
}
#insufficientIconImg {
    width: 4vw;
    height: auto;
    position: relative;
    left: 8vw;
}

/*------BETTER------*/
#betterSection {
    width: 100%;
    height: 41vw;
}
#betterGrey {
    vertical-align: center;
    position: relative;
    top: 5vw;
    background-color: rgb(250, 250, 250);
    width: 100vw;
    height: 31vw;
    box-shadow: 0px 7px 8px -8px rgba(0, 0, 0, .6);
}
#betterImg {
    height: 41vw;
    width: auto;
    position: relative;
    bottom: 31vw;
    left: 4vw;
    z-index: 1;
}
#betterText {
    width: 32vw;
    position: relative;
    left: 60vw;
    top: 6vw;
}
.betterIconRow {
    margin-top: 3vw;
    margin-bottom: 7vw;
    display: flex;
    justify-content: center;
}
.betterIconImg {
    width: 4vw;
}
.betterIconTextHead {
    font-size: 1.1vw;
    font-family: proxima_nova_altbold;
    width: 17vw;
}
.iconTextSub {
    width: 20vw;
}
#betterIconGuiding {
    margin-left: 8vw;
}
#betterIconTracking {
    margin-left: 8vw;
}


/*------IMPROVE------*/
#improveSection {
    width: 100%;
    height: 41vw;
    /*display: flex;*/
    /*flex-flow: column;*/
    /*align-items: center;*/
}
#improveGrey {
    vertical-align: center;
    position: relative;
    top: 5vw;
    background-color: rgb(251, 251, 251);
    width: 100%;
    height: 31vw;
    box-shadow: 0px 7px 8px -8px rgba(0, 0, 0, .6);
}
#improveImg {
    height: 41vw;
    width: auto;
    position: relative;
    bottom: 31vw;
    left: 39vw;
    z-index: 1;
}
#improveText {
    width: 35vw;
    position: relative;
    left: 5vw;
    top: 3vw;
}
#improveTextHead {
    width: 33vw;
    position: relative;
    top: 5vw;
}
.improveIconRow {
    margin-top: 2vw;
    display: flex;
    justify-content: center;
    margin-bottom: 7vw;
}
.improveIconImg {
    width: 4vw;
}
.improveIconTextHead {
    font-size: 1.1vw;
    font-family: proxima_nova_altbold;
    width: 17vw;
}
#improveIconGuiding {
    margin-left: 11vw;
}
#improveIconTracking {
    margin-left: 11vw;
}
.improveIconTextSub {
    font-size: 1vw;
    width: 16vw;
}

/*------HIGHER------*/
#higherSection {
    height: 45vw;
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 10vw;
}
#higherImg {
    margin-left: 8vw;
    height: 45vw;
    width: 42vw;

}
#higherGreyDiv {
    margin-top: 4vw;
    background-color: rgb(247, 247, 247);
    height: 38vw;
    width: 50vw;
    box-shadow: 0px 7px 8px -8px rgba(0, 0, 0, .6);
}
#higherStatEntry1 {
    display: flex;
    flex-flow: row nowrap;
}
#higherStatEntry2 {
    margin-top: -2vw;
    display: flex;
    flex-flow: row nowrap;
}
.higherStatNum {
    font-family: proxima_nova_altbold;
    color: rgb(13, 44, 101);
    font-size: 1.7vw;
}
#higherStatText1 {
    position: relative;
    top: .3vw;
    margin-left: 2.7vw;
}
#higherStatText2 {
    position: relative;
    top: .3vw;
    margin-left: 1vw;
}
#higherText{
    width: 25vw;
    margin-top: 6vw;
    margin-left: 12vw;
}

/*------HELPING------*/
#helpingSection {
    background-color: rgb(247, 247, 247);
    height: 44vw;
    width: 100%;
    box-shadow: 0px 7px 8px -8px rgba(0, 0, 0, .6);
    display: flex;
    flex-flow: column;
    align-items: center;
    margin-bottom: 10vw;
}
#helpingHead {
    margin-top: 2vw;
}
#helpingVideosDiv {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    height: 34vw;
    width: 64vw;

}
#helpingVideoDiv1 {
    background-color: white;
    width: 31vw;
    height: 34vw;
    border-radius: .5vw;
    box-shadow: 0px 3px 8px 1px rgba(0,0,0,0.2);
    display: flex;
    flex-flow: column;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}
#helpingVideoDiv2 {
    background-color: white;
    width: 31vw;
    height: 34vw;
    border-radius: .5vw;
    box-shadow: 0px 3px 8px 1px rgba(0,0,0,0.2);
    display: flex;
    flex-flow: column;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}
#helpingVideo1 {
    width: 100%;
    height: 52%;
    border-style: none;
    border-top-left-radius: .5vw;
    border-top-right-radius: .5vw;
}
#helpingVideo2 {
    width: 100%;
    height: 52%;
    border-style: none;
    border-radius: .5vw .5vw 0px 0px;
}
#helpingVideo1Text {
    margin-left: 2vw;
}
#helpingVideo1TextHead {
    font-size: 1.4vw;
    font-family: proxima_nova_altbold;
    color: rgb(13, 44, 101);
}
#helpingVideo1TextBody {
    font-size: 1vw;
    margin-right: 3vw;
}
#helpingVideo1TextSub {
    font-family: proxima_nova_altbold;
    font-size: 1.1vw;
    color: black;
    margin-top: 2vw;
}
/**/
#helpingVideo2Text {
    margin-left: 2vw;
}
#helpingVideo2TextHead {
    font-size: 1.4vw;
    font-family: proxima_nova_altbold;
    color: rgb(13, 44, 101);
}
#helpingVideo2TextBody {
    font-size: 1vw;
    margin-right: 3vw;
}
#helpingVideo2TextSub {
    font-family: proxima_nova_altbold;
    font-size: 1.1vw;
    color: black;
    margin-top: 2vw;
}

/*------WE HELP------*/
#weHelpSection {
    width: 100%;
    height: 41vw;
    margin-bottom: 12vw;
}
#weHelpGrey {
    vertical-align: center;
    position: relative;
    top: 5vw;
    background-color: rgb(251, 251, 251);
    width: 100%;
    height: 31vw;
    box-shadow: 0px 7px 8px -8px rgba(0, 0, 0, .6);
}
#weHelpImg {
    width: 40vw;
    position: relative;
    bottom: 31vw;
    left: 52vw;
    z-index: 1;
}
#weHelpText {
    width: 35vw;
    position: relative;
    left: 13vw;
    top: 6vw;
}
#weHelpTextHead {
    width: 27vw;
}
#weHelpTextSub {
    width: 25vw;
}

/*------UNPRECEDENTED------*/
#unprecedentedSection {
    width: 100%;
    height: 41vw;
    margin-bottom: 8vw;
}
#unprecedentedGrey {
    vertical-align: center;
    position: relative;
    top: 5vw;
    background-color: rgb(251, 251, 251);
    width: 100%;
    height: 31vw;
    box-shadow: 0px 7px 8px -8px rgba(0, 0, 0, .6);
}
#unprecedentedImg {
    width: 50vw;
    position: relative;
    bottom: 31vw;
    left: 4vw;
    z-index: 1;
}
#unprecedentedText {
    width: 35vw;
    position: relative;
    left: 62vw;
    top: 7vw;
}
#unprecedentedTextHead {
    width: 35vw;
}
#unprecedentedTextSub {
    width: 30vw;
}

/*------OPIOID------*/
#opioidDiv {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 8vw;
}
#opioidSpacer {
    width: 5%;
    height: 30vw;
}
#opioidSection {
    width: 95%;
    height: 30vw;
    background-color: rgb(251, 251, 251);
    box-shadow: -4px 7px 10px -6px rgba(0, 0, 0, .4);
    display: flex;
    flex-flow: column;
}

/**/

#opioidStatDiv {
    display: flex;
    flex-flow: row nowrap;
    margin-left: 10vw;
    margin-top: 6vw;
}
#opioidStatHeadDiv {
    /*background-color: black;*/
    width: 18vw;
    height: 6vw;
    border-style: solid;
    border-width: 0 0 0 0;
    border-right-width: .1vw;
    border-color: rgb(170, 170, 170);
}
#opioidStatHeadText {
    position: relative;
    bottom: 1.9vw;
    font-size: 2.4vw;
}

#opioidStatDiv1 {
    /*background-color: black;*/
    height: 6vw;
    position: relative;
    bottom: 0vw;
    width: 9vw;
    border-style: solid;
    border-width: 0 0 0 0;
    border-right-width: .1vw;
    border-color: rgb(170, 170, 170);
    margin-left: 3vw;
    padding-right: 2vw;
}
#opioidStat1Head {
    font-size: 1.1vw;
    margin-top: -.9vw;
}
#opioidStat1Stat {
    font-family: proxima_nova_ltsemibold;
    font-weight: bolder;
    font-size: 4vw;
    margin-top: -.9vw;
}

#opioidStatDiv2 {
    /*background-color: black;*/
    height: 6vw;
    position: relative;
    bottom: 0vw;
    width: 9vw;
    border-style: solid;
    border-width: 0 0 0 0;
    border-right-width: .1vw;
    border-color: rgb(170, 170, 170);
    margin-left: 3vw;
    padding-right: 2vw;
}
#opioidStat2Head {
    font-size: 1.1vw;
    margin-top: -.9vw;
}
#opioidStat2Stat {
    font-family: proxima_nova_ltsemibold;
    font-weight: bolder;
    font-size: 4vw;
    margin-top: -.9vw;
}

#opioidStatDiv3 {
    /*background-color: black;*/
    height: 6vw;
    position: relative;
    bottom: 0vw;
    width: 9vw;
    border-style: solid;
    border-width: 0 0 0 0;
    border-right-width: .1vw;
    border-color: rgb(170, 170, 170);
    margin-left: 3vw;
    padding-right: 2vw;
}
#opioidStat3Head {
    font-size: 1.1vw;
    margin-top: -.9vw;
}
#opioidStat3Stat {
    font-family: proxima_nova_ltsemibold;
    font-weight: bolder;
    font-size: 4vw;
    margin-top: -.9vw;
}

#opioidStatDiv4 {
    /*background-color: black;*/
    height: 6vw;
    position: relative;
    bottom: 0vw;
    width: 15vw;
    border-style: none;
    margin-left: 3vw;
    padding-right: 2vw;
}
#opioidStat4Head {
    font-size: 1.1vw;
    margin-top: -.9vw;
}
#opioidStat4Stat {
    font-family: proxima_nova_ltsemibold;
    font-weight: bolder;
    font-size: 4vw;
    margin-top: -.9vw;
}

/**/

#opioidTextDiv {
    display: flex;
    flex-flow: row nowrap;
    margin-left: 10vw;
    margin-top: 2vw;
}

#opioidTextDiv1 {
    width: 34vw;
}
#opioidText1 {
    color: rgb(121, 121, 121);
    font-size: 1.1vw;
    line-height: 1.6;
}

#opioidTextDiv2 {
    margin-left: 3vw;
    width: 34vw;
}
#opioidText2 {
    color: rgb(121, 121, 121);
    font-size: 1.1vw;
    line-height: 1.6;
}

/*------CREDIBLE------*/
#credibleDiv {
    width: 100%;
    height: 35vw;
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 9vw;
}
#credibleGrey {
    width: 55%;
    height: 100%;
    background-color: rgb(247, 247, 247);
    box-shadow: 0px 3px 8px 1px rgba(0,0,0,0.2);
}
#credibleImg {
    /*width: 30vw;*/
    height: 30vw;
    margin-top: 2.5vw;
    margin-left: -10vw;
}
#credibleTextDiv {
    margin-left: 6vw;
    margin-top: 7vw;
    width: 29vw;
}
ul {
    list-style: none; /* Remove default bullets */
    margin-top: -1vw;
}
ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: rgb(82, 82, 82); /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}
li {
    margin-top: 1vw;
}

/*------EFFECTIVE------*/
#effectiveSection {
    width: 100%;
    height: 41vw;
    /*display: flex;*/
    /*flex-flow: column;*/
    /*align-items: center;*/
    margin-bottom: 8vw;
}
#effectiveGrey {
    vertical-align: center;
    position: relative;
    top: 5vw;
    background-color: rgb(250, 250, 250);
    width: 100vw;
    height: 31vw;
    box-shadow: 0px 7px 8px -8px rgba(0, 0, 0, .6);
}
#effectiveImg {
    height: 41vw;
    width: auto;
    position: relative;
    bottom: 31vw;
    left: 4vw;
    z-index: 1;
}
#effectiveText {
    width: 32vw;
    position: relative;
    left: 60vw;
    top: 3vw;
}
#effectiveTextSub {
    margin-right: 3vw;
}

/*------ADDRESSING------*/

#addressingDiv {
    width: 100%;
    height: 27vw;
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 9vw;
}
#addressingGrey {
    width: 40%;
    height: 100%;
    background-color: rgb(247, 247, 247);
    box-shadow: 0px 3px 8px 1px rgba(0,0,0,0.2);
}
#addressingImg {
    width: 60%;
    height: 17vw;
    margin-top: 5vw;
    margin-left: 2vw;

}
#addressingTextDiv {
    margin-left: 6vw;
    margin-top: 6vw;
    width: 30vw;
}