html {
	background-color:#ffffff;
	overflow-x:hidden;
	}

body {
    font-family:'Avenir Next W01';
	font-weight:500;
	font-size:14px;
	background:#ffffff;
	color:#333333;
	height:100%;
	/*overflow-x:hidden;*/
	margin:0 auto;
	padding:0;	
	}

h1 {
    font-family:'L Baskerville W01';
    font-weight:400;
    font-size:5em;
    color:#ffffff;
    text-align:left;
    position:relative;
    }

h1.offwhite {color:#333333;}

h1.quote {
    color:#000000;
    font-size:50px /*60px*/;
    line-height:60px /*70px*/;
    text-align:center;
    }

h1.impact {
    width: 100%; 
    border-bottom: 2px solid #000; 
    line-height: 0.1em;
    margin: 10px 0 20px; 
    color:#000000;
    font-size:60px;
    text-align:right;
    }
    
    h1.impact span, h1.infographic span {
        background:#ffffff; 
        padding:0 10px; 
        }

h1.infographic {
    width: 100%; 
    border-bottom: 2px solid #000; 
    line-height: 0.1em;
    margin: 10px 0 20px; 
    color:#000000;
    font-size:60px;
    text-align:left;
    }

h1.news {
    width: 100%; 
    border-bottom: 2px solid #fff; 
    line-height: 0.1em;
    margin: 10px 0 20px; 
    color:#ffffff;
    font-size:60px;
    text-align:right;
    }

div.partnernews a, div.partnernews a:visited {
    color:#ffffff;    
    text-decoration:underline;
    text-decoration-color:#2b3d5b;
    text-underline-offset:10px;
    }

div.partnernews a:active, div.partnernews a:hover {
    color:#3b5175;
    text-decoration-color:#ffffff;
    }

div.partnernews h1 {
    /*width: 100%; */
    /*line-height: 0.1em;*/
    margin: 10px 0 20px; 
    font-size:60px;
    text-align:left;
    }    
    
h1.news span {
    background:#2b3d5b; 
    padding:0 10px; 
    }

h2 {
    font-family:'L Baskerville W01';
    font-weight:400;
    font-size:4em;
    }

h2.greenbar {
    background-color: #61b5e5;
    color: #fff;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 400;
    padding: 10px;
    margin-bottom: 25px;
    border-radius: 10px; /*5px;*/
    letter-spacing: -0.025em; 
    font-size: 2em; 
    text-align: center;
    }

h2.bluebar {
    background-color: #2b3d5b;
    color: #fff;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 400;
    padding: 10px;
    margin-bottom: 25px;
    border-radius: 10px;
    letter-spacing: -0.025em; 
    font-size: 2em; 
    text-align: center;
    }

h3 {
    font-family:'L Baskerville W01';
    font-weight:400;
    font-size:3em;
    }

h3.slideslabel {
    text-align:center;
    color:#ffffff;
    margin-top:0;
    }

h4 {
    font-family:'L Baskerville W01';
    font-weight:400;
    font-size:2em;
    }

h4.wtg {
    font-family: 'Avenir Next W01';
    text-align:center;
    }

h4.featured {
    font-size:1.8em;
    line-height:1.5em;
    text-align:right;
    }
    
    h4.featured a, .featuresblock ul a {color:#ffffff;text-decoration:none;}

h4.htp {
    font-family: 'Avenir Next W01';
    }

h5 {
    font-family:'L Baskerville W01';
    font-weight:400;
    font-size:1.6em;
    }

h6 {
    font-family:'L Baskerville W01';
    font-weight:400;
    font-size:1.3em;
    }

a.button, a.button:visited, a.bigbutton, a.bigbutton:visited {
    font-family:'Avenir Next W01';
	font-weight: 700;
    background: #61b5e5;
	border: none;
	border-radius: 8px; /*3px;*/
	color: #ffffff;
	padding: 15px 25px;
	margin-top:20px;
	text-align: center;
	text-transform:uppercase;
	text-decoration: none;
	display: inline-block;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    -moz-box-shadow:  0 2px 4px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
	}

    a.button:hover, a.button:active, a.bigbutton:hover, a.bigbutton:active {
       background-color: #78c7ec;
       color: #ffffff;
	   text-decoration: none;
	   -webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	   -o-transition: all 0.3s ease-in-out;
	   transition: all 0.3s ease-in-out;
	   }


a.altbutton, a.altbutton:visited {
    font-family:'Avenir Next W01';
    font-weight: 700;
    background: #2b3d5b;
    border: none;
    border-radius: 8px; /*3px;*/
    color: #ffffff;
    padding: 15px 25px;
    margin-top:20px;
    text-align: center;
    text-transform:uppercase;
    text-decoration: none;
    display: inline-block;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    -moz-box-shadow:  0 2px 4px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    }

    a.altbutton:hover, a.altbutton:active {
        background-color: #3b5175;
        color: #ffffff;
        text-decoration: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        }


a.bigbutton, a.bigbutton:visited, a.bigbutton:hover, a.bigbutton:active {
    padding:25px 35px;
    font-size:1.15em;
    }

a.donatebutton, a.donatebutton:visited {
    font-family:'Avenir Next W01';
    font-weight: 700;
    font-size:22px;
    background:#2b3d5b;
    border: none;
    border-radius: 8px; /*3px;*/
    color: #ffffff;
    padding: 15px 25px;
    margin-top:0;
    text-align: center;
    text-transform:uppercase;
    text-decoration: none;
    display: inline-block;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    -moz-box-shadow:  0 2px 4px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    }

    a.donatebutton:hover, a.donatebutton:active {
        background-color: #3b5175;
        color: #ffffff;
        text-decoration: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        }   

a.donatebutton > i, a.donatebutton:visited {
        height:28px;
        width:26px;
        font-size:20px;
        line-height:26px;
        border-radius:5px; /*3px;*/
        background:#212d46;
        }

    a.donatebutton:hover > i, a.donatebutton:active i {
        background:#2b3d5b;
        color:#eeeeee;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        }

a.donatebutton > i { 
    line-height:29px;
    }   

#impactbutton {text-align:right;}

img {
	max-width:100%;
	}

.hidden{
	opacity:0;
	}

.hideonlarge {
    display:none;
    }

.visible {
	opacity:1;
	}

.center {
	text-align:center;
	}

.right {
    text-align:right
    }

.vcenter {
	vertical-align:middle;
	}

.bluebg {
    background-color:#2b3d5b;
    color:#ffffff;
    }

/*.headerblock { 
    background: linear-gradient(140deg, #ffffff 60%, #dcdde5 40%);
    }*/

.WhyASA {
    box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.12), 0 16px 16px rgba(0,0,0,0.12);
    border-radius:15px;
    }

p.donatetoday {
    text-align:right;
    }

#donatebox{
    text-align:right;
    }

.wrapper { 
	background-color:#ffffff;
	/*max-width:1600px;*/
	margin:0 auto;
	}

.innerwrapper {
    max-width:1600px;
    margin:0 auto;
    padding: 0 15px 0 15px;
    }

.c-hamburger {
	display:none;
	}

.advocate-educate-spacer {
    margin-left:1px;
    background-color:#2b3d5b;
    }

.grow-engage-spacer {
    margin-right:1px;
    background-color:#2b3d5b;
    }

.stewardshipreport {
    -webkit-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.35);
    box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.35);
    }

.ActionsOuter {
    box-shadow:0 1px 3px rgba(34, 25, 25, 0.4);
    }

    .ActionsInner {
        background: linear-gradient(to top left,#212d46 30%,transparent 0);
        }


.clickEngage, .clickEducate, .clickAdvocate, .clickGrow {
    cursor:pointer;
    }

.ImpactImage, .featuredphoto {
    box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.12), 0 16px 16px rgba(0,0,0,0.12);
    /*0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.12), 0 16px 16px rgba(0,0,0,0.12);*/
    border-radius:15px;
    }

.vid {
    box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.12), 0 16px 16px rgba(0,0,0,0.12);
    }

.stewardship {margin-top:30px;}

.navblock {
    background-color:#61b5e5;
    color:#ffffff;
    padding:20px 0;
    }

#navbar {
    background-color:#61b5e5;
    color:#ffffff;  
    overflow:hidden;
    }

    #navbar li { 
        font-size:20px;
        font-weight:500;
        background-color:#61b5e5;
        width:15%; /*14.2%;*/
        height:50px;
        line-height:50px;
        /*border-left:1px solid #ffffff;*/
        float:left;
        }

    #navbar li:nth-child(10n) { 
        width:10%;
        /*border-right:1px solid #ffffff;*/
        }

    #navbar li a, #navbar li a:visited {
        background-color:#61b5e5;
        color:#ffffff;	
        display:block;
        text-decoration:none;
        }

    #navbar li a:active, #navbar li a:hover { 
        color:#2b3d5b;
        }

    #navmenu {
        /*background-color:#ffffff;*/
        background-color:#61b5e5;
        height:50px;
        width:100%;
        display:block;
        list-style:none;
        margin:0;
        padding:0;  
        }

    /* Dropdown Menu Styles */
    .dropdown-menu {
        display: none;
        position: absolute;
        background-color: #61b5e5;
        /*min-width: 160px;*/
        /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
        z-index: 1;
        list-style-type: none;
        padding: 10px 0 0 0;
        margin-left:55px; /*60px*/;
        }

    .dropdown-menu li {
        float: none !important;
        width: 100% !important;
        border-left: none;
        border-bottom: 1px solid #ffffff; /* Add a bottom border to separate the dropdown items */
        }

    .dropdown-menu li:last-child {
        border-bottom: none; /* Remove the bottom border for the last dropdown item */
        }

    .dropdown-menu li a {
        color: white;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
        }

    .dropdown-menu li a:hover {
        background-color: #ececec;
        color: #29b3bd;
        }

    #navbar li:hover > .dropdown-menu {
        display: block;
        }

    li.legacy {display:none;}
  
.headrowblock {
    padding:50px 0;
    margin:0;
    }

.mainblock, .featuresblock, .slidesblock {
    background-color:#2b3d5b;
    color:#ffffff;
    }

.condensed {
    max-width:1010px;
    margin:auto auto;
    }

#whytheasa {
    text-align:right;
    padding-left:50px;
    }

.givebuttonblock {
    padding:50px 0 100px 0;
    }

.contactblock {
    background-color:#fafafa;
    color:#333333;
    }

.slidesblock .rowblock {
    padding:150px 0 125px 0;
    margin:0;
    }

.slideMenu {
    box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.4);
    }

/*.quoteblock {
    background: linear-gradient(to bottom, #f0f2f6, #fafafa);
    }
*/

.quotebox {
    border-radius: 25px 0 25px 0;
    margin-bottom: 35px;
    background-color: #4a6d8c;
    color: #ffffff;
    padding: 15px;
    display: inline-block;
    /*float: right;*/
    margin-top: 25px;
    }

p.quote {
    margin-left: 25px;
    margin-top: 20px;
    font-size: 18px; /*20px;*/
    line-height: 1.8em;
    font-style: italic;
    }

    span.leftquote {
        font-style: normal;
        font-size: 60px;
        font-family: sans-serif;
        color: #2b3d5b;
        float: left;
        line-height: 32px;
        height: 32px;
        width: 28px;
        margin-left: -30px;
        }

    span.rightquote {
        font-style: normal;
        font-size: 60px;
        font-family: sans-serif;
        color: #2b3d5b;
        margin-top: 20px;
        float: right;
        line-height: 32px;
        height: 32px;
        width: 14px;
        }

.areasblock {
    background-color:#61b5e5;
    color:#ffffff;
    }

.rowblock {
    padding:150px 0 150px 0;
    margin:0;
    }

.wydcdrowblock {
    padding:100px 0 200px 0;
    margin:0;
    }

.altrowblocktop {
    padding:150px 0 0 0;
    margin:0;
    }

.altrowblockbot {
    padding:0 0 150px 0;
    margin:0;
    }

.secondaryrowblock {
    padding:75px 0 100px 0;
    margin:0;
    }

.secondarycondensedrowblock {
    background-color:#61b5e5;
    padding:0;
    margin:0;
    }


.fourareas {
    background-color:#61b5e5;
    }

.articles > p {
    font-size:1.4em;
    line-height:2em;
    text-align:center;
    }

.supporters {
    text-align:center;
    color:#2b3d5b;
    border-bottom:2px solid #3b5175;
    padding:20px 0;
}

.partners {
    font-size:1.111111111111111em;
    }   

.partnerprogrambox {
    text-align:center;
    padding:50px 0;
    }
    
    .partnerprogrambox img {
        box-shadow:0px 3px 5px 3px rgba(0,0,0,0.25);
        }

#splash-home {
	background:url('../images/splash/homepage.png') center center no-repeat;
	background-size:cover;
	height:700px;
	position:relative;
	max-width:1600px;
	}

	#gradient {
		background: linear-gradient(0deg, rgba(27, 117, 187, 0) 0%, rgba(27, 117, 187, 0.11) 23%, rgba(27, 117, 187, 0.5) 46%);
		width:100%;
		height:50%;
		position:absolute;
		}

#growbox {
    text-align:center;
    background:url('../images/grow.jpg');
    background-size:cover;
    background-position:center center;
    height:315px;
    width:100%;
    }

#educatebox {
    text-align:center;
    background:url('../images/Educate.jpg');
    background-size:cover;
    background-position:center center;
    height:315px;
    width:100%;
    }

#engagebox {
    text-align:center;
    background:url('../images/Engage2024.jpg');
    background-size:cover;
    background-position:center center;
    height:315px;
    width:100%;
    }

#advocatebox {
    text-align:center;
    background:url('../images/Advocate.jpg');
    background-size:cover;
    background-position:center center;
    height:315px;
    width:100%;
    }

.givebox {
    background-color:#2b3d5b;
    height:275px;
    position:relative;
    border-radius:15px;
    }

    .giveboximage {
        position:absolute;
        top:30px;
        left:0;     
        }

    .givebox p {
        position:relative;
        }

.wtgboxes { 
    border: 2px solid #ececec; 
    background-color: #fafafa; 
    padding: 25px; 
    margin-bottom: 125px; 
    min-height: 380px; 
    margin-left: 1%; 
    margin-right: 1%;
    border-radius:20px;
    }

    .wtgboxes img { 
        left: 50%; 
        top: 0px; 
        width: 180px; 
        height: 180px; 
        margin-top: -125px;
        }

.bx-wrapper {
    margin-bottom:0 !important;
    background-color:#2b3d5b !important;
    border:0 !important;
    -moz-box-shadow:none !important;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    }

.bxslider h3 {
    font-size:2em;
    }

.bxslider h3, .bxslider p {
    color:#000000;
    }

/* overriding slider script */
.bx-wrapper .bx-controls-direction a {
    top:33% !important;
    }

.bx-wrapper .bx-next {
    right: 20px !important;
    }

.bx-wrapper img {border-radius:20px !important;}

.imagebox {
    height:100%;
    padding:0 1px;
    }

.contentbox {
    padding:25px 25px;
    height:150px;
    max-width:325px;
    }

.padleft {padding-left:15px;}

.padright {padding-right:15px;}

.pad50 {padding-top:50px;}

.pad75 {padding-top:75px;}

.pad80 {padding-top:80px;}

.vid {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px; 
	height:0; 
	overflow:hidden; 
	}

	.vid iframe,.vid object,.vid embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		}

.container {
	margin-top:50px; 
	padding-left: 2%;
	padding-right: 2%;
	}

p, blockquote, ul, ol {
    font-size:1.285714285714286em;/*1.25em;*/
	line-height:1.6em;
	}

p.impact {
    text-align:right;
    padding-top:50px;
    }

ul.eighteen, ul.legacy {
    list-style: none;
    }

    ul.eighteen > li:before {    
        font-family: 'FontAwesome';
        content: '\f061   ';
        margin:0 5px 0 -15px;
        color:#61b5e5;
        }
    
    ul.eighteen li, ul.legacy li {margin-bottom:5px;}

    ul.legacy > li:before {    
        font-family: 'FontAwesome';
        content: '\f0a3   ';
        margin:0 5px 0 -15px;
        color:#61b5e5;
        }

ul.hwmembers {
    font-size: 16px;
    margin-left: 0;
    padding-left: 5px;
    list-style-type:none;
    line-height:2em;
    }

/*i.fa {padding-right:10px;}*/

a, a:visited {
    color:#4a6d8c;
    text-decoration:none;
	}

a:hover, a:active {
    color:#5c84a3;
    text-decoration:underline;
	}

a.active {color:#2b3d5b !important;}

a h3.slideslabel, a h3.slideslabel:visited {
    color:#ffffff;
    text-decoration:none;
    }

a h3.slideslabel:hover, a h3.slideslabel:active {
    color:#ececec;
    text-decoration:none;
    }

/** tertiary pags **/

p.whatdo {
    font-size:'Avenir Next W01';
    font-size:17px;
    font-weight:500;
    text-transform:uppercase;
    }

    p.whatdo span {
        padding:5px;
        }

    p.whatdo > a, 
    p.whatdo > a:visited {
        text-decoration:none;
        }

    p.whatdo > a:hover, 
    p.whatdo > a:active {
        color:#8cc541;
        text-decoration:none;
        }   
        
.breadcrumb {
    margin:25px 0;
    }
    
.whitebg {
    background-color:#ffffff;
    }

/*.tertiaryheader {
    border-top:2px solid #f7f7f7;
    border-bottom:2px solid #f7f7f7;
    box-shadow: 0px 15px 10px -15px #ccc;
    }*/

.boximage {
    width:100%;
    /*background-color:#cccccc;*/
    }

    .boximage img {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

.barhead {
    color:#ffffff;
    background-color:#61b5e5;
    font-size:'Avenir Next W01';
    font-weight:500;
    font-size:20px;
    padding:20px 15px;
    }

.summary {
    margin-left:25px;
    }

.learnmore {
    font-weight:600;
    text-decoration:none;
    }

.hw {margin:0 10px;}

.hwbox {
    background-color: #2b3d5b; 
    color: #ffffff; 
    border-radius: 15px;
    font-weight:normal;
    padding:15px 25px;    
    }

    .hwbox img {
        text-align: center;
        border:2px solid #3b5175;
        height:200px;
        border-radius:500px;
        }

    .hwbox h5 {
        color:#ffffff;
        text-align:center;
        }

    .hwbox p {font-size:16px;}

.hmphoto { 
    text-align:center;
    padding-top:1em;
    }

    .hmphoto img {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        }

    .honoree {margin-top:10px;}

.hmpullquote { 
        font-size:1em; 
		font-style:italic;
        color:#333333;
		display: inline-block;
		margin:0 0 0 30px;
		line-height:1.6em;
		}

        .hmpullquote p {
            margin-bottom:.5em;
            }

		.hmpullquote a, .hmpullquote a:hover {
            color:#333333;
			text-decoration:none;
			}

        .hmpullquote a:active, .hmpullquote a:visited {
            color:#333f67;    
            }

	.hmattribution { 
        font-size:1em; 
		font-style:normal;
		line-height:21px;
		display: block;
		text-align:right;
        margin-top:20px;
        margin-right:20px;
		}	
	
		.hmattribname {
            color:#61b5e5;
			}

	.hmtopquote {
		font-style: normal;
        font-size:2.778em;
		font-family: sans-serif;
        color: #61b5e5;
		margin-top: 12px;
		margin-left: -30px;
		float: left;
		line-height: 32px;
		height: 32px;
		width: 28px;		
		}
    
    .hmbottomquote {
		font-style: normal;
        font-size:2.778em;
		font-family: sans-serif;
        color: #61b5e5;
		margin-top: 15px;
		margin-right:0;
		float: right;
		line-height: 32px;
		height: 32px;
		width: 28px;		
		}

div.bquote {
    position: relative;
    border-left: 8px solid #61b5e5;
    margin: 2rem 0;
    padding: 2rem 1.5rem 2rem 3.5rem;
    background: #f7f7f7;
    border-radius: 4px;
    font-style:italic;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    }

    div.bquote::before {
        content: "“";
        font-family:'L Baskerville W01';
        position: absolute;
        top: 20px;
        left: 10px;
        font-size: 3rem;
        line-height: 1;
        color:#61b5e5;
        pointer-events: none;
        }

    div.bquote p {
        margin: 0 0 0.8em;
        }

    .caption {
        font-style:italic;
        font-size:.9em;
        }

/** accordion stuff **/

#accordion h3 {
    font-family:'Avenir Next W01';
    line-height:1.6em;
    font-size:1.285714285714286em;
    }

.ui-icon, .ui-widget-content .ui-icon {
    background-image:url(https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_ffffff_256x240.png) !important;
    }

.ui-accordion .ui-accordion-header {
    background:#61b5e5 !important;
    color:#ffffff;
    font-weight:500;
    margin:10px 0 0 0  !important;
    }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background:#61b5e5 !important;
	}

.ui-widget-content a, .ui-widget-content a:visited {
	color:#1b75bb !important;
	}

.ui-widget-content a:hover, .ui-widget-content a:active {
	color:#2187c8 !important;
	}

@media only screen and (min-width:1400px) and (max-width:1460px) {
    #navbar li {
        font-size:20px;
        }
    }

@media only screen and (min-width:1320px) and (max-width:1399px) {
    #navbar li { 
        font-size:19px;
        }
    }

@media only screen and (min-width:1200px) and (max-width:1319px) {
    #navbar li { 
        font-size:18px;
        }
    }   

@media only screen and (max-width:1220px) {
    .givebuttonblock {
        padding:0 0 0 0;
        }
    }

@media only screen and (max-width:1219px) {
    h1, h1.quote, h1.impact, h1.infographic  {
        font-size:50px;
        }
    }

@media only screen and (min-width:1191px) and (max-width:1215px) {
    li.hws {
        letter-spacing:-.005em;
        }    
    }

@media only screen and (max-width:1024px) {
    .order1 {
        order: 1;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        }

    .order2 {
        order: 2;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        }
    }

@media only screen and (min-width:1024px) and (max-width:1199px) {
    .hidenav {
        display:none;
        }
    
    .fourareas h3 {
        font-size:2.5em;
        }
    
    h4.featured {
        margin-top:0;
        }
    }

@media only screen and (min-width:769px) and (max-width:1023px) {
    .advocate-educate-spacer {
        margin:0;
        }

    .grow-engage-spacer {
        margin:0 0 16px 0;
        }
    }

@media only screen and (max-width:1023px) {
    
    .dropdown-menu {
        display: none !important;
        }
    
    li.legacy {display:block;}
    
    p.donatetoday {
        text-align:center;
        }
    
    .articles > p {
        font-size:1.285714285714286em; /*1.25em;*/
        line-height:1.6m;
        text-align:center;
        }
    
    a.bigbutton {margin-bottom:50px;}
    
    .impactwrapper, p.impact, p#impactbutton {text-align:center;}
    
    .wydcd {text-align:center;}
    
    .summary {
        margin-left:0;
        text-align:left;
        }
    
    .givebox  {
        height:auto;
        }

    .giveboximage {
        position:unset;
        }

    .givebox a.button {
        margin-bottom:25px;
        }
    
    #whytheasa {
        text-align:center;
        padding-left:0;
        }
    
    h4.featured, .featuredimg {
        text-align:center;
        }
    
    #navbar li:first-child { 
        padding-left:0;
        }
    
    #navbar .row {
		margin-right: 0rem;
		margin-left: 0rem;
		}
	
	#navmenu ul {
		margin-top:-10px;
		padding-top:15px;
		text-align:center;
		}
	
	#navbar li {
		width:100% !important;
        padding:0;
		border:0 !important; 
		}
		
	#navbar li a, #navbar li a:visited {
        background-color:#61b5e5;
		color:#ffffff;	
		display:block;
		text-decoration:none;
		}

	#navbar li a:active, #navbar li a:hover { 
        background-color:#78c7ec;
		border-top:0;
		}
    
    /* re-ordering divs */

    .order1a {
        order: 1;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        }

    .order1b {
        order: 2;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        }
    
    .order2a {
        order: 3;
        -webkit-order: 3;
        -moz-order: 3;
        -ms-order: 3;
        }
    
    .order2b {
        order: 4;
        -webkit-order: 4;
        -moz-order: 4;
        -ms-order: 4;
        }
    
    .advocate-educate-spacer {
        margin:15px 1px 0 0;
        }
    
    .grow-engage-spacer {
        margin:0;
        }
    
     .extras {text-align:center;}

    
	/* hamburger menu */
	
	.c-hamburger {
		font-size: 0;
		display: block;
		position: relative;
		overflow: hidden;
		margin: 0;
		padding: 0;
		width: 48px;
		height: 48px;
		text-indent: -9999px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		box-shadow: none;
		border-radius: none;
		border: none;
		cursor: pointer;
		-webkit-transition: background 0.3s;
		transition: background 0.3s;
		}

		.c-hamburger:focus {
			outline: none;
			}

		.c-hamburger span {
			display: block;
			position: absolute;
			top: 22px;
			left: 9px;
			right: 9px;
			height: 4px;
			background: white;
			}

		.c-hamburger span::before,
		.c-hamburger span::after {
			background-color: #fff;
			position: absolute;
			display: block;
			left: 0;
			width: 100%;
			height: 4px;
			content: "";
			}

		.c-hamburger span::before {
			top: -10px;
			}

		.c-hamburger span::after {
			bottom: -10px;
			}
	
		.c-hamburger--htx {
            background-color:#61b5e5;
			}

		.c-hamburger--htx span {
			transition: background 0s 0.3s;
			}

		.c-hamburger--htx span::before,
		.c-hamburger--htx span::after {
			transition-duration: 0.3s, 0.3s;
			transition-delay: 0.3s, 0s;
			}

		.c-hamburger--htx span::before {
			transition-property: top, transform;
			}

		.c-hamburger--htx span::after {
			transition-property: bottom, transform;
			}
	
		/* active state, i.e. menu open */
		.c-hamburger--htx.is-active {
            background-color: #61b5e5;
			}

		.c-hamburger--htx.is-active span {
			background: none;
			}

		.c-hamburger--htx.is-active span::before {
			top: 0;
			transform: rotate(45deg);
			}

		.c-hamburger--htx.is-active span::after {
			bottom: 0;
			transform: rotate(-45deg);
			}

		.c-hamburger--htx.is-active span::before,
		.c-hamburger--htx.is-active span::after {
			transition-delay: 0s, 0.3s;
			}

	.responsive-menu{
        background:#61b5e5;
		max-height:0;
		overflow:hidden;
		transition:all .25s;
		}	

	.expand {
		display: block !important;
		padding-top:10px;
		max-height:600px;
		}

	/* end of hamburger menu */
	   }


@media only screen and (min-width:480px) and (max-width:720px){ 
    h1.infographic {
        line-height:normal;
        }
    }
    
@media only screen and (max-width:767px) {
    #donatebox, p.impact, #impactbutton{text-align:center;}
    
    #donatebox {padding-top:20px;}
    }

@media only screen and (max-width:480px) {
    .pad80 {padding-top:0;}
    
    h1.whytheasa, h1.quote, h1.infographic, h1.impact {font-size:35px;}
    
    h1.infographic, h1.impact {
        line-height:normal;
        }
    
    h3 {font-size:2em;}
    
    .bxslider h3 {font-size: 1.2em;}    
    }