/* Callouts for Widgets */
.textboxteal {  border-color: #27bac2;}
.textboxteal .widget-header { background-color: #27bac2; }
.communitysupport { border-color: #27bac2; }
.communitysupport .widget-header { background-color: #27bac2;}
.asthmacommunity { border-color: #27bac2;}
.asthmacommunity .widget-header {background-color: #27bac2;}
.asthmaresearch { border-color: #27bac2;}
.asthmaresearch .widget-header { background-color: #27bac2;}
.advocacyblog {padding: 0;}
.addavoice {border-color: #62b30c;}
.addavoice .widget-header {background-color: #62b30c;}
.sharing {border: none;}
.sharing h4 { display: none;}
.sharing div {padding-left: 17px;}
.textboxdarkgreen {border-color: #62B30C;}
.textboxdarkgreen .widget-header { background-color: #62B30C;}
.textboxlightgreen { border-color: #b9c331;}
.textboxlightgreen .widget-header {background-color: #b9c331;}
.textboxblue { border-color: #33B0DC;}
.textboxblue .widget-header {background-color: #33B0DC;}
.textboxgreen { border-color: #62b30c;}
.textboxgreen .widget-header {background-color: #62b30c;}
.aafaallergies {border-color: #62b30c;}
.aafaallergies .widget-header { background-color: #62b30c;}
.aafaasthma {border-color: #27bac2;}
.aafaasthma .widget-header {  background-color: #27bac2;}
.aafaame {border-color: #27bac2;}
.aafaame .widget-header {background-color: #27bac2;}
.pollencom {border-color: #62b30c;}
.pollencom .widget-header {background-color: #62b30c;}
.textboxorange {border-color: #FFA500;}
.textboxorange.widget-header {background-color: #FFA500;}
.certifiedproducts {border-color: #27bac2;}
.certifiedproducts .widget-header {background-color: #27bac2;}
.certifiedproductsapp {border-color: #27bac2;}
.certifiedproductsapp .widget-header { background-color: #27bac2;}
.findanaafachapter {border-color: #f58220;}
.findanaafachapter .widget-header {background-color: #f58220;}
.contactaafa { border-color: #27bac2;}
.contactaafa .widget-header { background-color: #27bac2;}
.testwidget { border-color: orange;}
.testwidget .widget-header {background-color: #f58220;}
.playbook {border-color: #27bac2;}
.playbook .widget-header {background-color: #27bac2;}
.adglareads { border: none;}
.sponser {border: none;}
.noBorder {border: none;}
.taphoto {border-color: #27bac2;}
.taphoto .widget-header {background-color: #27bac2;}
.stateprofile {border-color: #f58220;}
.stateprofile .widget-header {background-color: #f58220;}
.widget_ad_color {background-color: #ececec; padding: 4px;}
.widget_ad_header {text-align: center;font-size: .75em; color: #565656;}
li.title {color: #263f52;}
.asthmaallergynews {padding: 0;}

/*Misc CSS */
.breadcrumb {list-style-type:none; margin:0; padding: 0; font-size:12px; display:block}
.breadcrumb li {float:left; display:block; }   
.breadcrumb .divider {padding-left:5px; padding-right:5px}

.contact-mob {display:none;}
.videoYouTubeWrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}
.videoYouTubeWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.desktop-tel {
    display: inline;
}
.reponsive-tel {
    display: none;
}
@media screen and (max-width:800px)
	{
		.desktop-tel {
    display: none;
}
.reponsive-tel {
    display: inline;
}
	}
@media screen and (max-width:450px)
	{.contact-mob {display:block;}
		}
.line-header .navbar .nav>li>.donation-top, .default-theme .line-header .navbar .nav>li:hover>.donation-top, 
.default-theme .line-header .navbar .nav>li>.donation-top:focus {
    display: none;
}
@media screen and (max-width:900px)
{
	.line-header .navbar .nav>li>.donation-top, .default-theme .line-header .navbar .nav>li:hover>.donation-top, .default-theme .line-header .navbar .nav>li>.donation-top:focus {
    display: block; color:#fff;}
	.slabel {display:none}


   }
.img-responsive {max-width: 100%; height: auto; display:block;}

/* Certification Page */
.certified_box {width:100%}
.certified_box .video_div {float:left; width:50%}
.certified_box .list_div {float:left; width:50%}
.certified_box .image_div {float:left; width:50%}

/*Fall Allergy Boxes */

.fallallergy_box {width:100%}
.fallallergy_box .divone {background-color:#fedcbf; padding:10px; width:40%; float:left; }
.fallallergy_box .divtwo {background-color:#70bacc; padding:10px; width:40%; float:left; margin-left:5px;}

/*Misc Column Code */
.staff-wrapper {width:100%}
.staff-col {width:50%; float:left}
.pdf-wrapper {width:100%}
.pdf-col {width:45%; float:left;}
.advocacy_wrapper {width:100%; margin:0 auto}
.advocacy_col {float:left; width:45%; padding:5px;}

@media screen and (max-width:800px) {
.fallallergy_box .divone {width:100%; float:none}
.fallallergy_box .divtwo {width:100%; float:none}
.advocacy_col {float:none; width:40%; padding:5px; margin: 0 auto;}
}
@media screen and (max-width:640px) {
.fallallergy_box .divone {width:90%; float:none; margin-bottom:5px; margin-left:5px}
.fallallergy_box .divtwo {width:90%; float:none; }
.advocacy_col {float:none; width:90%; padding:5px; margin: 0 auto;}
.certified_box .video_div {float:none; width:90%}
.certified_box .image_div {float:none; width:90%}
.certified_box .list_div {float:none; width:90%}
.pdf-col {width:100%; float:none;}
}
@media screen and (max-width:768px){

.fallallergy_box .divone {width:90%; float:none; margin-bottom:5px; margin-left:5px;}
.fallallergy_box .divtwo {width:90%; float:none;}
.pdf-col {width:40%; float:left; padding-right:5px}
.advocacy_col {float:left; width:40%; padding:5px; margin: 0 auto;}
}
@media screen and (max-width:667px)
{
.staff-col {width:100%; float:none}
.advocacy_col {float:none; width:90%; padding:5px; margin: 0 auto;}
.pdf-col {width:100%; float:none;}
.fallallergy_box .divone {width:90%; float:none; margin-bottom:5px; margin-left:5px}
.fallallergy_box .divtwo {width:90%; float:none; clear:both;}
.certified_box .video_div {float:none; width:90%}
.certified_box .image_div {float:none; width:90%}
.certified_box .list_div {float:none; width:90%}
}
@media screen and (max-width:568px) {
.fallallergy_box .divone {width:90%; float:none; margin-bottom:5px; margin-left:5px}
.fallallergy_box .divtwo {width:90%; float:none; clear:both;}
.certified_box .video_div {float:none; width:90%}
.certified_box .image_div {float:none; width:90%}
.certified_box .list_div {float:none; width:90%}
.staff-col {width:100%; float:none}
.advocacy_col {float:none; width:90%; padding:5px; margin: 0 auto;}
.pdf-col {width:100%; float:none;}
}
@media screen and (max-width:320px) {
.fallallergy_box .divone {width:90%; float:none; margin-bottom:5px; margin-left: 5px;}
.fallallergy_box .divtwo {width:90%; float:none;}
.certified_box .video_div {float:none; width:90%}
.certified_box .image_div {float:none; width:90%}
.certified_box .list_div {float:none; width:90%}
.advocacy_col {float:none; width:90%; padding:5px; margin: 0 auto;}
.staff-col {width:100%; float:none}

.pdf-col {width:100%; float:none;}
}
/*fundraising */
.fundraising_icon {float:left; padding-right:10px}
	.fundraising_sm_header {color:#27bac2; font-weight: bold}
	.main_icon_box {width:100%}
	.icons_box {width:20%; text-align:center; float:left }
	 .icon_img {float:left;}
   @media screen and (max-width: 800px)	
   {
	   
	   .icons_box {width:20%}
	   
   }
   @media screen and (max-width: 360px)
	{
		.icons_box {float:left; width:100%; text-align:left; margin-bottom:10px;}
		.icon_img {float:left; width:50%}
		.icon-text {float:left; width: 50%; text-align:left; margin-top:50px}
		.icon-text-support {float:left; width: 50%; margin-left:150px; margin-top:-75px; text-align:left} 
		.icon-text-research {float:left; width: 50%; margin-left:150px; margin-top:-80px; text-align:left} 
		
	}
	
    @media screen and (max-width: 320px)
    {
		.icons_box {float:left; width:100%; text-align:left}
		.icon-text {float:left; margin-left:150px; margin-top:-90px; text-align:left}
		.icon-text-support {float:left; margin-left:150px; margin-top:-75px; text-align:left}
		.icon-text-research {float:left; margin-left:150px; margin-top:-80px; text-align:left}
		
	}
	
/*Peak flow */
.blue-box-asthma {border: solid 1px #e6fcff; background-color:#e6fcff; width:100%; overflow:hidden; padding-bottom:10px;}
.blue-box-asthma p {margin: 10px;}
.horizontal-list {list-style-type:none; text-align:center; -webkit-margin-before:0.05em; -webkit-margin-after:0.05em;
-webkit-padding-start: 20px;}
.actionplan, 
.medicine, 
.emergency, 
.triggers,
.understand {width:130px; float:left; padding:5px;}

.clearfix {clear:both}
@media screen and (max-width:1024px)
{
.actionplan, .medicine, .emergency, .triggers,.understand {width:130px;}
}
@media screen and (max-width:768px)
{
.triggers {clear:both;}
}
@media screen and (max-width:414px)
{
.triggers {clear:none}
}

/*eczema */
.blue-box {border: solid 1px #e6fcff; padding:10px; background-color:#e6fcff; width:100%; overflow:hidden}
.horizontal-list-skin {list-style-type:none; text-align:center; -webkit-margin-before:0.05em; -webkit-margin-after:0.05em;
-webkit-padding-start: 40px;}
.allergen, 
.soap, 
.rubber, 
.metal,
.scent,
.formaldehyde {width:110px; float:left;}


.clearfix {clear:both}

@media screen and (max-width:600px)
{

.scent{clear:both}
}

@media screen and (max-width:384px)
{

.metal, .scent {clear:both}
}
/*State Honor roll */
.main_logo_box {width:100%; margin:0 auto}
.logo_box {
    width: 30%;
    text-align: center;
    float: left;
    
}
.state_data_box{width:40%; text-align:left; float:left; padding-left:12px;}
.state_data_box h2{text-align:center}
.state_box{width:25%; text-align:center; float:left}

.main_heading_box {background-color:#005899; border:1px solid #005899; border-radius:0 15px 0 0; padding-top:7px; max-width:100%}
.main_heading_box .header3 {color:#fff; margin-top:7px; margin-left:8px;}
.sub_heading_box {max-width:100%; font-weight:bold; color:#27bac2; font-style:italic; border-top:1px solid #000; border-right:1px solid #000; border-left:1px solid #000;}
.sub_heading_box p {margin:0px 5px 0px 5px}

.data_tables {border:1px solid black; width:100% }
.grey_box {width:90%; color:#000; background-color:#e6e7e8; border:1px solid black; padding:8px}
.grey_check {width:10%; color:#27bac2; background-color:#e6e7e8; border:1px solid black; text-align:center; padding:8px;}
.no_color_box {
    width: 90%;
    border: 1px solid black;
    padding:8px;
}
.no_check {width:10%; color:#d72027; border:1px solid black; text-align:center; padding:8px;}
.policy_text {color:#d72027; font-weight:bold; padding:8px; }

@media screen and (max-width:416px) {
    .logo_box {
        width: 35%;
        text-align: center;
        float:left;
        padding-right:5px;
    }
    .state_data_box{width:55%; text-align:center; float:left;}
    .state_box{width:30%; text-align:center}
    .state_box img {width:70%}
}

.main_heading_box19 {background-color:#007ba3; border:1px solid #007ba3; padding-top:7px; max-width:100%}
.main_heading_box19 .header3 {color:#fff; margin-top:7px; margin-left:8px; text-transform:uppercase}
.sub_heading_box19 {font-weight:bold; color:#007ba3; font-style:italic; border:1px solid #ccc; max-width:100%}
.sub_heading_box19 p {margin:0px 5px 0px 5px}

.data_tables19 {border:1px solid #ccc; width:100% }
.grey_box19 {width:90%; color:#000; background-color:#e9f8f8; border:1px solid #ccc; padding:8px}
.grey_check19 {width:10%; color:#27bac2; background-color:#e9f8f8; border:1px solid #ccc; text-align:center; padding:8px;}
.no_color_box19 {
    width: 90%;
    border: 1px solid #ccc;
    padding:8px;
}
.no_check19 {width:10%; color:#d72027; border:1px solid #ccc; text-align:center; padding:8px;}

.state-wrapper {width:100%}
.state-logo {width:50%; float:left;}
.state-header {width:50%; float:left}
.state-list {width:45%; float:left}
.state-dropdown {width:40%; float:left; margin-top:-20px; margin-left:80px}
@media screen and (max-width:416px) {
	.state-logo {width:90%; float:none; margin: auto -20px}
	.state-header {width:90%; float:none;}
	.state-list {float:none; width:90%}
	.state-dropdown {float:none; width:90%; margin: 0px}
}

/*Lung Functions*/
.mobile-image {width:100%; display:none;}
.lung-function-wrapper {width:100%;}
.lung-function-text {width:70%; float:left; margin-left:10px}
.lung-function-img {width:25%; float:left;}
@media screen and (max-width:416px) {
.mobile-image {width:100%; display:block; text-align:center}
.lung-function-text {width:100%; float:none; margin-left:0px}
.lung-function-img {display:none}
}
.jumpcontainerbox {float:left; width:50%}
.jumpcontainerbox ul {list-style-type:none}
.jumpcontainerbox li {display:block; padding:5px}

.sharecontainer {width:100%}
.sharebox {float:left; width:25%; padding:5px;}
.profilepics {width:100%;}
.profilebox {float:left; width:30%; padding:10px;}	
.profilebox_last {float:left; width:30%; padding:10px;}
.fbwrapper {width:100%}
.fbbox {float:left; width:45%; padding:10px;}	
.twitterbox {width:75%; clear:both}
@media screen and (max-width:800px){
.profilebox_last {clear:both}
}
@media screen and (max-width: 600px){
.jumpcontainerbox {float:none; clear:both; width:90%}
.sharebox {float:left; width:50%;}
.fbbox {float:none; clear:both; width:90%}
.twitterbox {width:90%; clear:both}
}
/*medicine search table */
.filterSection {width:100%}
    .filterbuttons {width:80%; margin:3px}
    .headerSection {width:100%;}
    .headerDrug {width:30%; float:left; text-align:left; color: #27bac2; font-weight: bold}
    .headerDrug2 {width:48%; float:left; text-align:left; color: #27bac2; font-weight: bold}

    .headerSideEffects {width:30%; float:left; text-align:left; color: #27bac2;  font-weight: bold}
    .headerImage{width:30%; float:left; text-align:left; color: #27bac2; font-weight: bold}
    .headerImage2{width:48%; float:left; text-align:left; color: #27bac2; font-weight: bold}
   
     .itemSection {width:100%; clear:both}
     .itemDrug{width:30%; float:left; font-size:13px; word-wrap:break-word}
     .itemDrug2{width:48%; float:left; font-size:13px;}
   
    .itemSideEffets{width:30%; margin:5px 5px 10px 15px; float:left; font-size:13px}
    .itemImage{width:30%; float:left; }
    .itemImage2{width:40%; color:#2abdb5; float:left; padding:5px; color:#FFFFFF;}
     
    @media screen and (max-width:800px)
		{
			.headerDrug2, .headerImage2 {display:none}
			.itemDrug2, .itemImage2 {float:none; width:95%}
			
		}
    .mobileheader {display:none; visibility:hidden}

    @media screen and (max-width:900px)
    {
        .mobileheader {display:block; visibility:visible}

    }
    
/*About AAFA*/
.mission-box {background-color:#2abdb5; padding:10px; color:#FFFFFF;}
.missionhead {text-align:center; font-weight:bold; text-decoration:underline}
.mission {text-align:center; margin: 0 15px}
.values {text-align:center; font-weight:bold; font-style:italic;}

/* OCS */
.wrapper-ocs {width: 90%; margin: 0 auto;}
.col-header-ocs {float: left; width: 45%; text-decoration: underline;}
.col-ocs {float: left; width: 45%;}	

.center-frame {margin: 0 auto; margin:auto 0; text-align:center}
   
/* Asthma Capitals Table Structure */
.AcWrapper {width:100%; margin:0 20%;}
.AcTable {width:80%}
@media screen and (max-width:411px)
	{
	.AcWrapper {width:100%; margin:0 auto;}
	}
.widget ul{line-height:1.6}
.widget ul>li>a {    
    display: block;
	padding-top:3px;
	padding-bottom:3px;
    line-height: 1;
    
    text-decoration: none;}
/* Asthma Capital Image CSS*/
.peterimg { float:left; padding:5px}
@media screen and (max-width:411px){
	.peterimg { float:none; margin:0 auto; padding:5px; text-align:center;}
}
/* Allergy Symptoms CSS */
		.allergy-symptom-box {width:100%; margin:0 70px;}
		.allergy-symptoms-wrapper {width:586px; background-color:#fee7bc; padding:10px; overflow:visible}
		.title-bar-allergysymtoms {position: relative; background-color: #d71921; padding: 0 15px; color: #FFF; font-family: 'cabin'; font-weight: 700; text-transform: uppercase; line-height: 40px; font-size: 18px;  width:577px}
		
		.allergy-symptom-grid {float:left; width:293px; }
.allergy-symptom-row {width:610px}
.allergy-symptom-row p a {color:#fff; text-decoration-style:none }
.allergy-symptom-pet {width:300px; height:199px; float:left; background: url(https://www.aafa.org/media/2444/dog-pet-animal-dander-allergy.png) no-repeat}
.allergy-symptom-pet p {color:#fff; position:relative; left:10px; top:145px; font-weight:bold}
.allergy-symptom-grass {width:300px; height:199px; float:left; background: url(https://www.aafa.org/media/2443/grass-tree-pollen-allergy.png)}
.allergy-symptom-grass p{color:#fff; position:relative; left:10px; top:145px; font-weight:bold}
.allergy-symptom-apple{width:300px; height: 199px; float:left; background: url(https://www.aafa.org/media/2446/apples-fruit-pollen-oral-allergy-syndrome.png) }
.allergy-symptom-apple p{color:#fff; position:relative; left:10px; top:145px; font-weight:bold}
.allergy-symptom-dustmite {width:300px; height: 199px; float:left; background: url(https://www.aafa.org/media/2445/bedding-dust-mites-allergy.jpg)}
.allergy-symptom-dustmite p {color:#fff; position:relative; left:10px; top:145px; font-weight:bold}

@media screen and (max-width:800px)
{
	.allergy-symptom-box {margin:0 33px;}
	.allergy-symptom-row {width:302px; }
	.allergy-symptom-pet, .allergy-symptom-grass, .allergy-symptom-apple, .allergy-symptom-dustmite
	{float:none}
	.allergy-symptom-grid {float:none; width:300px}
	.allergy-symptoms-wrapper {width:300px;}
	.title-bar-allergysymtoms {width:291px;}
}
@media screen and (max-width: 411px)
	{
		
		.allergy-symptom-box {margin:0;}
	}

/* My Life witH food Allergies CSS */
.button-container {width:95%; margin:auto 40px}
.button-box {width:45%; float:left; padding:10px;}
.button-signup {background-color: #62b30c; color: #FFF; width:280px; font-size:14px;
text-align:center;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    padding: 10px 10px;
    border-radius: 10px;}

@media screen and (max-width:800px)
{
	.button-container {margin:auto 0}
	.button-box {width:95%; float:none; padding-bottom:10px;}
		
}

/*Sub Navigation CSS */
nav.nav-top ul.nav-3>li.active>a,
nav.nav-top ul.nav-4>li.active> a
{
   color: #23aedc;
   background-color: #FFF;
   height:auto;
}


ul.nav.nav-4, ul.nav.nav-5 {
    background-color: #0066CC; 
    text-align: left;
    min-width: 100%;
    padding: 4px 0;
	z-index:9999;
	position:absolute;
}
@media screen and (max-width:600px)
{	
ul.nav.nav-4, ul.nav.nav-5 {
	background-color: #E4F6F8; 
}	
}	
nav.nav-top ul.nav-4>li, nav.nav-top ul.nav-5>li
{
	color: #000;
}	

nav.nav-top ul.nav-4>li> a,
nav.nav-top ul.nav-5>li> a,
nav.nav-top ul.nav-5>li.active> a
 {
    
    color: #fff;
    white-space: normal;
    height: auto;
	
}

ul.nav.nav-4 li:hover a, ul.nav.nav-5 li:hover a {
    color: #fff;
    background-color: transparent;
}
.staff-img {max-width:100%; display:block; float:left; padding:8px}
@media screen and (max-width:600px)
	{
		.staff-img {max-width: 75%}
	}


/*Chat bot*/
.backdrop {background-color:#27bac2; text-align:center; height:100%; overflow:visible; padding-top:10px;}
.chatbot-iframe {width:680px; height:1200px}
.CTA-button {text-align: center;
    width: 50%;
    margin: 0px auto;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 700;
    background: #62B30C;
    transition: background 0.3s ease 0s;
    border-bottom-left-radius: 10% 30%;
    border-top-right-radius: 10% 30%;
    color: #FFF;
}

@media screen and (max-width:600px)  
{
	.chatbot-iframe {width:360px; height:650px}   	
}	
.content-iframe {
    position: relative;
    height: 100%;
    width: 100%;
    border: 0;
	}
@media screen and (max-width:600px)  
{	
.bx-wrapper .bx-prev {display:none}
.bx-wrapper .bx-next {display:none}
}

.allergycapswrapper{background: #cce5ed; padding: 10px; width:100%; overflow:hidden}
.allergycapsbox {float:left; width:45%}

@media screen and (max-width:800px)
{
	.allergycapsbox {float:none; width:90%}
	
}
/* Allergy Caps Image Block CSS */
		.allergy-manage-box {width:100%; margin:0 70px;}
.allergy-manage-row {width:610px}
.allergy-manage-row p a {color:#fff; text-decoration-style:none }
.allergy-manage-pollen {width:300px; height:199px; float:left; background: url(https://www.aafa.org/media/2597/what-is-pollen-allergy.png) no-repeat}
.allergy-manage-pollen p {color:#fff; position:relative; left:10px; top:145px; font-weight:bold}
.allergy-manage-coping {width:300px; height:199px; float:left; background: url(https://www.aafa.org/media/2609/tips-for-coping.png)}
.allergy-manage-coping p{color:#fff; position:relative; left:10px; top:145px; font-weight:bold}
.allergy-manage-ragweed{width:300px; height: 199px; float:left; background: url(https://www.aafa.org/media/2599/ragweed-woes.png) }
.allergy-manage-ragweed p{color:#fff; position:relative; left:10px; top:145px; font-weight:bold}
.allergy-manage-mold {width:300px; height: 199px; float:left; background: url(https://www.aafa.org/media/2600/managing-mold-allergy.png)}
.allergy-manage-mold p {color:#fff; position:relative; left:10px; top:145px; font-weight:bold}

@media screen and (max-width:800px)
{
     .allergy-manage-box {margin:0 33px;}

	.allergy-manage-row {width:302px; }
	.allergy-manage-pollen, .allergy-manage-coping, .allergy-manage-ragweed, .allergy-manage-mold
	{float:none}
	.allergy-manage-grid {float:none; width:300px}
	.allergy-manage-wrapper {width:300px;}
	.title-bar-allergymanage {width:291px;}
}
@media screen and (max-width: 411px)
	{
		
		.allergy-manage-box {margin:0;}
	}

.header-button {
	padding: 10px 25px 10px 25px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1.0rem;
    font-weight: bold;
    border-bottom-left-radius: 10% 30%;	
}
.button-green {background-color: #62b30c;}

/*Act Web Page*/
.blue-callout-wrapper {float: right; width: 35%;}
.blue-callout{background-color: #017aa2; width: 90%; overflow: hidden; padding: 5px; color:#fff}
.act-wrapper {width: 100%; clear: both; background: #e4f7f7; border-bottom: 2px solid #d1d1d1; padding-top: 20px; overflow: hidden;}
.act-wrapper-2 {width: 100%; clear: both; background: #e4f7f7; border-bottom: 2px solid #d1d1d1; padding-top: 20px; overflow: hidden;}
.act-images{width: 25%; float: left;}
.act-text{width: 70%; float: left;}
.share {float:left; width:30%; padding:10px}

.brand-image {float: right; padding:10px;}
.brand-mob {display:none; }
@media screen and (max-width: 600px)
	{
		
		.blue-callout-wrapper {float: none; width:100%;}
		.share {width:90%; float:none}
		.brand-image {display:none}
		.subhead {float:none; width:95%}
		.brand-mob {display:block}
	}
@media screen and (max-width: 600px)
	{
		
		.act-images{width: 95%; float: none;}
		.act-text{width: 95%; float: none;}
	}

.desktop-pdf {visibility:visible; display:block}
.mobile-pdf {visibility:hidden; display:none}
@media screen and (max-width:768px) {
    .desktop-pdf {
        visibility: hidden;
        display: none
    }
    .mobile-pdf {
        visibility: visible;
        display: block
    }
}
@media screen and (max-width:600px) {
    .desktop-pdf {
        visibility: hidden;
        display: none
    }
    .mobile-pdf {
        visibility: visible;
        display: block
    }
}
@media screen and (max-width:411px) {
    .desktop-pdf {
        visibility: hidden;
        display: none
    }
    .mobile-pdf {
        visibility: visible;
        display: block
    }
}
@media screen and (max-width:375px) {
    .desktop-pdf {
        visibility: hidden;
        display: none
    }
    .mobile-pdf {
        visibility: visible;
        display: block
    }
}
@media screen and (max-width:320px) {
    .desktop-pdf {
        visibility: hidden;
        display: none
    }
    .mobile-pdf {
        visibility: visible;
        display: block
    }
}
.cert-img {float:right; padding:5px}
@media screen and (max-width:600px) {.cert-img {float:none;}}
.widget ul>li> .active {
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 1;
	text-decoration: none;
    color:#000;
 }

.disparities-container {width:100%}
.disparities-images {width:30%; float:left; margin-left:18px; text-align:center;}
@media screen and (max-width:768px)
	{
		.disparities-images {width:30%; float:left; margin-left:9px; text-align:center;}
		
	}

@media screen and (max-width:600px)
	{
		.disparities-images {width:90%; float:none;text-align:center;}
		
	}
.line-header .navbar .nav>li>.covid-button
{
border-bottom-color:#e23a4c; border-top-color:#e23a4c; background-color:#e23a4c; height:36px; margin-left:-10px;
}

.line-header .navbar .nav>li>.covid-top
{
	 display: block;
    color: #fff;
    float:left;
}
@media screen and (max-width:800px) {
    .line-header .navbar .nav>li>.covid-top
{
	display: block;
    color: #fff;
    float:left;
}
@media screen and (max-width:600px) {
    .line-header .navbar .nav>li>.covid-top, top
{
    display: block;
    color: #fff;
    float:left;
}
	
@media screen and (max-width:450px) {
    .line-header .navbar .nav>li>.covid-top, top
{
    display: block;
    color: #fff;
    float:left;
}	
@media screen and (max-width:320px) {
    .line-header .navbar .nav>li>.covid-top, top
{
    display: block;
    color: #fff;
    float:left;
}