@media screen and (min-width: 0em){
    .tier1_content_area_btn {
        display: block;
        clear: both;
        background: transparent;
        padding: 40px 0;
    }

    .tier1_content_area_btn .button-container .item {
        display: inline-block;
        -webkit-box-flex: auto;
        -ms-flex: auto;
        flex: auto;
        width: 442px;
        margin: 0 24px;
        padding: 15px 10px 0 10px;
        max-width: calc(100% - 48px);
    }

    .tier1_content_area_btn .button-container {
        margin: 0;
        padding: 0;
        list-style: none;
        margin: 0 -24px;
        display: -ms-flexbox;
        -ms-flex-wrap: wrap;
        -ms-flex-direction: column;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        display: -webkit-box;
        display: flex;
        margin-bottom: 0;
    }

    .tier1_content_area_btn .button-link {
        background: #fff;
        border: 0 solid #008445;
        border-radius: 0;
        box-shadow: 0 0 0 rgba(0,0,0,0);
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: middle;
        -ms-flex-align: middle;
        align-items: middle;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        width: 100%;
        text-decoration: none;
        text-align: center;
        color: #333;
    }

    .tier1_content_area_btn .button-image-frame {
        display: block;
        position: relative;
        width: 132px;
        height: 132px;
        overflow: hidden;
        border-radius: 50%;
        flex: 0 0 auto;
        box-shadow: 0 0 0 0 #008445;
        -webkit-box-shadow: 0 0 0 0 #008445;
        -moz-box-shadow: 0 0 0 0 #008445;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }
    
    .tier1_content_area_btn img {
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        position: absolute;
        top: 0;
        max-width: 400px;
        max-height: 400px;
    }

    .tier1_content_area_btn .button-content {
        flex: 1 1 auto;
        padding: 0 30px;
        text-align: left;
    }   
    
    .tier1_content_area_btn .button-link:hover .button-image-frame,.tier1_content_area_btn .button-link:focus .button-image-frame {
    box-shadow: 0 0 0 10px #008445;
    -webkit-box-shadow: 0 0 0 10px #008445;
    -moz-box-shadow: 0 0 0 10px #008445;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
	}

    .modal-content {
        width: 100%;
    }

    .accordian {
        display: grid;
        grid-auto-flow: row;
        grid-auto-columns: 1fr;
        gap: 1em;
    }

    .item2 {
        grid-area: menu;
        font-size: .9em;
    }

    .item5 {
        grid-area: footer;
        margin-top: -5px;
        margin-bottom: 17px;
        font-size: .9em;
    }
    #infographic {
        max-height: 275px !important;
        max-width: 275px !important;
    }
    .itkimg1 {
        width: 205px;
        height: auto;
    }
    .itkimg2 {
        width: 274px;
        height: auto;
        position: relative !important;
        left: -58px !important;
        top: -4px !important; 
    }
    .itkimg3 {
        width: 237px;
        height: auto;
        position: relative !important;
        left: -60px !important;
        top: -55px !important;
    }
    .itkimg4 {
        width: 138px;
        height: auto;
        position: relative !important;
        left: -14px !important;
        top: -4px !important;
    }
    .itkimg5 {
        width: 108px;
        height: auto;
        position: relative !important;
        left: -3px !important;
        top: 18px !important;
    }
}

@media screen and (min-width: 48em){
    .tier1_content_area_btn {
        padding: 110px 0;
    }

    .tier1_content_area_btn .button-container .item {
        padding: 46px 0 0 0;
    }
}

@media (min-width: 85.375em){
    .tier1_content_area_btn .button-container .item {
        width: 597px;
    }

    .tier1_content_area_btn .button-image-frame {
        width: 192px;
        height: 192px;
    }

    .itkimg1 {
        width: 295px;
        height: auto;
    }
    .itkimg2 {
        width: 404px;
        height: auto;
        position: relative !important;
        left: -78px !important;
        top: -8px !important;
    }
    .itkimg3 {
        width: 351px;
        height: auto;
        position: relative !important;
        left: -85px !important;
        top: -89px !important;
    }
    .itkimg4 {
        width: 194px;
        height: auto;
        position: relative !important;
        left: -11px !important;
        top: -3px !important;
    }
    .itkimg5 {
        width: 157px;
        height: auto;
        position: relative !important;
        left: -2px !important;
        top: 23px! important;
    }
}

@media screen and (min-width: 540px){
    #infographic {
        max-height: 325px !important;
        max-width: 325px !important;
    }
}

@media screen and (min-width: 768px) {
    .modal-content {
        width: 75%;
    }

    .accordian {
        display: grid;
        grid-auto-flow: row;
        grid-auto-columns: 1fr;
        gap: 1em;
    }

    .item2 {
        grid-area: menu;
        margin-left: 30px;
        font-size: 1em;
    }

    .item5 {
        grid-area: footer;
        margin-left: 30px;
        margin-top: -5px;
        margin-bottom: 17px;
        margin-right: 40px;
        font-size: 1em;
    }
    #infographic {
        max-height: 375px !important;
        max-width: 375px !important;
    }
}

@media screen and (min-width: 1100px) {
    .modal-content {
        width: 50%;
    }

    .accordian {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 1fr;
        gap: 1em;
    }

    .item2 {
        grid-area: menu;
        margin-left: 30px;
    }

    .item5 {
        grid-area: footer;
        margin-left: 30px;
        margin-top: -5px;
        margin-bottom: 17px;
        margin-right: 40px;
    }
    #infographic {
        max-height: 400px !important;
        max-width: 400px !important;
    }
}

@media screen and (min-width: 1400px){
    #infographic {
        max-height: 525px !important;
        max-width: 525px !important;
    }
}