#food-network a,
#food-network p,
.food-box a,
.section-text h2 {
    text-align: center
}

#food-network a,
.map a {
    text-decoration: underline
}

a,
div,
p {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%
}

#title-and-share .social_icons li.more a.share-arrow {
    display: none
}

#at15s.atm {
    display: none!important
}

.addthis_toolbox a {
    margin-bottom: 0
}

#title-and-share .social_icons li.fbk a,
#title-and-share .social_icons li.more a,
#title-and-share .social_icons li.twt a {
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 7px;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 3pc!important;
    height: 3pc
}

#title-and-share .social_icons li.fbk a:hover,
#title-and-share .social_icons li.more a:hover,
#title-and-share .social_icons li.twt a:hover {
    width: 4pc!important;
    background-position: 50% 50%;
    opacity: 1
}

i.fa.fa-caret-left,
i.fa.fa-caret-right {
    font-size: 20px;
    opacity: .8;
    cursor: pointer
}

#title-and-share .social_icons li.fbk a {
    background-image: url(http://www.feedingamerica.org/assets/images/icons/fa.png);
    background-color: #3b5998
}

#title-and-share .social_icons li.twt a {
    background-image: url(http://www.feedingamerica.org/assets/images/icons/twt.png);
    background-color: #1da1f2
}

#title-and-share .social_icons li.more a {
    background-image: url(http://www.feedingamerica.org/assets/images/icons/share.png);
    background-color: #e98300;
    cursor: pointer
}

#title-and-share {
    padding-top: 117px
}

.alert-banner-header #title-and-share {
    padding-top: 167px
}

#title-and-share ul.social_icons {
    position: fixed;
    left: 0;
    top: 35%;
    z-index: 999999;
    float: none;
    display: block
}

#title-and-share ul.social_icons li {
    display: block;
    margin-left: 0;
    float: none
}

i.fa.fa-caret-left {
    margin-left: 35px
}

i.fa.fa-caret-right {
    margin-left: 5px
}

#food-network,
#food-security {
    padding: 40px 0
}

.food-box {
    min-width: 20%;
    margin-left: 5%;
    vertical-align: top;
    max-width: 21.25%;
    float: left;
}

.food-box img {
    background-color: #000;
    width: 100%;
    max-width: 100%
}

.food-box:nth-child(1) {
    margin-left: 0
}

.food-boxes {
    width: 85%;
    margin: 40px auto 0
}

.food-box a {
    display: block;
    padding-top: 10px;
    margin: auto
}

#food-network img {
    width: 80%;
    margin: 40px auto;
    display: block
}

#food-network p {
    font-size: 21px
}

#food-network a {
    display: block;
    font-size: 16px
}

.subpage-bottom {
    margin: 40px 0;
    background-color: #fafafa;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede
}

.subpage-bottom .left,
.subpage-bottom .right {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    float: left
}

.subpage-bottom .right {
    padding: 50px 20px 50px 40px
}

.subpage-bottom .left {
    padding: 50px 40px 50px 20px;
    border-right: 1px solid #dedede
}

.subpage-bottom .right img {
    float: right;
    margin: 0 0 10px 30px;
    max-width: 40%
}

.subpage-bottom .container {
    padding: 0
}

.section-banner.small-photo .headline-bar {
    position: absolute;
    display: inline-block;
    vertical-align: top;
    background: #e98300;
    padding: 40px 30px;
    height: 100%
}

.section-banner.small-photo img {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0
}

#give-header img {
    width: 110%;
    max-width: 110%
}

#give-header {
    margin-bottom: 0
}

#give-header .impact-img {
    display: inline-block;
    min-width: 50%;
    float: left;
}

#give-header .headline-bar {
    /*padding: 20px;*/
    margin: auto;
    width: 50%;
    float: left;
}

#give-header .headline-text {
    max-width: 550px
}

.take-action-banner-body {
    margin-top: 25px
}

#give-header .take-action-banner-body {
    width: 471px
}

.banner-donation-level+label {
    font-size: 28px
}

#recent_news {
    background-color: #efefef;
    margin-bottom: -40px
}

#recent_news img {
    margin: auto;
    display: block
}

#recent_news .inline-promo.left,
.inline-promo.right {
    width: 45%;
    display: inline-block;
    margin-left: 10%
}

#recent_news .inline-promo.right {
    padding-bottom: 50px
}

#recent_news .inline-promo.left {
    margin-left: 0;
    float: left
}

#recent_news .inline-promo h2 span {
    color: #53682b
}

#recent_news .inline-promo h2 {
    color: #e98300;
    text-align: center
}

#recent_news .inline-promo {
    padding: 30px 35px;
    text-align: left;
    background-color: #fff
}

.hunger-box a,
.hunger-learn-more,
.map-title,
.play-button,
.state-text {
    text-align: center
}

#recent_news .right a {
    display: block;
    margin-bottom: 10px
}

i.small-play-button {
    background: url(http://www.feedingamerica.org/assets/images/icons/play.png);
    width: 20px;
    height: 20px;
    background-size: 20px;
    display: inline-block;
    float: left;
    margin-right: 5px;
    margin-top: -2px
}

.full-width-bottom {
    border-bottom: 1px solid #dedede;
    margin-bottom: 40px
}

.full-width-bottom .learn-more {
    font-size: 21px;
    font-weight: 500;
    text-align: center;
    margin: 0 40px 40px
}

.subpage-bottom .title {
    font-size: 21px;
    color: #e98300;
    font-weight: 500
}

.subpage-bottom.white {
    background: #fff
}

.section-text a {
    line-height: 20px
}

#hunger-question h2 {
    padding: 40px 0 20px
}

.dropdown.active:after {
    border-bottom: 5px solid #e98300;
    position: absolute;
    content: "";
    width: 88%;
    left: 7%
}

li.dropdown.active a {
    color: #e98300
}

.section-banner.big-photo.with-video .container .headline-bar {
    bottom: 0;
    top: auto
}

#header-video .headline-text {
    width: 100%;
    background-color: rgba(255, 255, 255, .8);
    background-image: none;
    color: #333;
    padding: 20px
}

#header-video h1 {
    font-size: 24px;
    line-height: 28px
}

i.play-button-icon {
    background-image: url(http://www.feedingamerica.org/assets/images/icons/play.png);
    background-repeat: no-repeat;
    width: 105px;
    height: 105px;
    margin-bottom: 15px;
    display: block
}

.play-button {
    color: #e98300;
    vertical-align: top;
    padding: 20px 30px 40px;
    float: left;
    cursor: pointer
}

#play {
    padding-bottom: 20px;
    cursor: pointer
}

.with-video .fa-times-circle-o {
    display: none
}

.with-video-play .fa-times-circle-o {
    font-size: 44px;
    position: absolute;
    right: 3%;
    z-index: 1;
    top: 1%;
    display: block;
    cursor: pointer
}

.section-banner #player,
.section-banner img {
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.with-video.section-banner.big-photo img {
    opacity: 1
}

.with-video-play.section-banner.big-photo img {
    opacity: 0
}

.with-video .video-container,
.with-video-play .headline-bar {
    display: none
}

.with-video-play .video-container {
    display: block
}

#inline-header-video {
    position: relative
}

.inline-play-button {
    position: absolute;
    top: 20%;
    left: 45.5%;
    float: none;
    padding: 0
}

.with-video #player,
.with-video-play #player {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

#inline-play {
    padding-bottom: 20px;
    cursor: pointer
}

.inline-promo #player,
.inline-promo img {
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.with-video #player {
    opacity: 0;
    display: none
}

.with-video.inline-promo img {
    opacity: 1
}

.with-video-play.inline-promo img {
    opacity: 0
}

.with-video-play #player {
    opacity: 1
}

.with-video-play .inline-promo-image,
.with-video-play .inline-promo-text {
    display: none
}

div#inline-header-video.with-video-play {
    height: 320px
}

#inline-header-video .inline-promo-text span {
    font-size: 14px;
    display: block;
    padding-top: 10px;
    text-transform: none
}

#inline-header-video .inline-promo-text {
    padding: 25px 0 25px 60px
}

#inline-header-video .inline-play-button span {
    position: absolute;
    left: 15%;
    bottom: 0;
    font-size: 12px
}

.map {
    background: url(http://www.feedingamerica.org/assets/images/background-images/banner-section-landing-page/map.png) center no-repeat;
    padding-top: 80px;
    min-height: 350px
}

.map-title {
    font-size: 30px;
    font-weight: 500
}

.map a {
    line-height: 20px
}

.state-text {
    display: inline-block;
    padding: 30px 30px 0 0
}

select#map_states {
    vertical-align: middle
}

.learn-more-map {
    margin: auto;
    display: block;
    width: 65%
}

#mtmg,
#mtmg button.orange,
.hunger-box {
    display: inline-block
}

.map img {
    z-index: -999;
    opacity: .5
}

.hunger-box {
    width: 30%;
    margin-left: 5%;
    vertical-align: top;
    float: left;
    margin-bottom: 30px;
}

.hunger-box img {
    background-color: #000;
    width: 100%;
    max-width: 100%
}

.hunger-box:nth-child(1), .hunger-box:nth-child(4) {
    margin-left: 0
}

.hunger-boxes {
    width: 75%;
    margin: 40px auto 0;
}

.hunger-box a {
    display: block;
    padding-top: 10px;
    margin: auto
}

.hunger-learn-more {
    padding: 40px 0
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    #work-together .container .headline-bar {
        top: 7%
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation:landscape) {
    .play-button i.play-button-icon {
        transform: translate(-50%, 0)
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    #work-together .headline-bar {
        top: 50%;
        transform: translateY(-70%)
    }
}

@media screen and (min-width:992px) and (max-width:1100px) {
    #give-header .headline-text {
        max-width: 100%
    }
    #give-header .banner-donation-level+label {
        padding: 0 12px
    }
    #give-header .headline-bar {
        width: 50%;
        padding: 20px
    }
    #give-header .impact-img img {
        width: 100%;
        max-width: 100%;
        margin-left: -20px
    }
    #work-together .container .headline-bar .container {
        margin-left: 60px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    #title-and-share ul.social_icons li {
        margin-bottom: .5px
    }
    .nav li.dropdown {
        position: relative
    }
    .food-boxes {
        width: 100%
    }
    #food-network img {
        width: 95%
    }
    .subpage-bottom .left,
    .subpage-bottom .right {
        padding: 50px 20px
    }
    #title-and-share {
        padding-top: 170px
    }
    #work-together img {
        margin-left: -5%;
        width: 110%!important;
        margin-top: -5%
    }
    #work-together .headline-bar {
        position: static;
        margin-top: -6%
    }
    #work-together .headline-text {
        margin: 40px 0;
        width: 100%;
        background: #333
    }
    .section-banner.small-photo img {
        margin-left: -30%
    }
    #give-header .headline-subhead {
        max-width: 90%
    }
    #give-header .headline-bar {
        /*padding: 20px;*/
        width: 70%;
        left: 37%
    }
    #recent_news {
        padding: 30px 20px
    }
    #header-video .container .headline-bar .container div.headline-text {
        padding: 15px 15px 20px;
        margin: 0
    }
    .section-banner.big-photo.with-video#header-video .container div.headline-bar {
        bottom: -1%;
    }
    .section-banner.big-photo.with-text {
        height: auto
    }
    div.hunger-boxes,
    div.learn-more-map {
        width: 80%
    }
    /*.hunger-box:nth-child(4) {
        margin-left: calc(100% - 80%)
    }*/
    div.hunger-learn-more {
        padding: 20px 60px
    }
    div#header-video {
        margin-bottom: 40px
    }
    #inline-header-video {
        margin: auto 20px;
        width: auto
    }
    #work-together .container .headline-bar .container {
        max-width: 100%
    }
}

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

    #title-and-share .social_icons li.more a.addthis_button_compact,
    #title-and-share .social_icons li.more a.addthis_button_compact:hover {
        background: 0 0;
        width: 85%!important;
        color: #000;
        font-size: 14px;
        height: auto!important;
        line-height: 44px;
        position: static;
        text-indent: 0;
        text-align: center;
        float: left
    }
    .more i {
        opacity: .2;
        padding-right: 5px;
        display: inline-block;
        margin-left: -20px
    }
    #title-and-share ul.social_icons li.fbk,
    #title-and-share ul.social_icons li.twt,
    i.fa.fa-caret-left,
    i.fa.fa-caret-right {
        display: none
    }
    #title-and-share .social_icons li.more a.share-arrow,
    #title-and-share .social_icons li.more a.share-arrow:hover {
        float: left;
        width: 15%!important;
        border-left: 1px solid rgba(0, 0, 0, .2);
        display: block;
        text-indent: 0;
        color: #000;
        background: 0 0;
        position: relative
    }
    .share-arrow i.fa.fa-chevron-up {
        display: none
    }
    .more.hide-share i.fa.fa-chevron-up,
    .share-arrow i.fa.fa-chevron-down {
        font-size: 16px;
        position: absolute;
        left: 50%;
        transform: translate(50%);
        margin-top: 15px;
        display: inline-block
    }
    .hide-share a.addthis_button_compact,
    .more.hide-share i.fa.fa-chevron-down {
        display: none
    }
    #title-and-share .social_icons li.more.hide-share .share-arrow,
    #title-and-share .social_icons li.more.hide-share .share-arrow:hover {
        float: right;
        background: rgba(255, 255, 255, .8);
        box-shadow: 0 -1px 4px rgba(0, 0, 0, .15)
    }
    li.more.hide-share {
        background: 0 0;
        border: 0;
        box-shadow: none
    }
}

@media screen and (max-width:767px) and (orientation:portrait) {
    li.dropdown.active a {
        color: #ccc
    }
}

@media screen and (max-width:767px) {
    #food-security h2,
    div.hunger-learn-more,
    div.map-title {
        text-align: left
    }
    #food-network img,
    .play-button span,
    .section-banner.small-photo.no-wheatstalk img {
        display: none
    }
    #give-header .headline-bar {
        width: 100%;
        position: static;
        margin: auto;
        /*padding: 40px 0 40px 40px*/
    }
    .section-banner.small-photo .headline-subhead {
        max-width: 100%
    }
    #recent_news .inline-promo.left,
    #recent_news .inline-promo.right {
        width: 100%;
        float: none;
        margin-left: 0
    }
    .subpage-bottom .left,
    .subpage-bottom .right {
        width: 100%;
        padding: 40px 20px
    }
    .subpage-bottom .left {
        border-bottom: 1px solid #dedede;
        border-right: 0
    }
    .full-width-bottom {
        border: 0
    }
    .full-width-bottom .learn-more {
        text-align: left;
        margin: 0 0 40px
    }
    #give-header .take-action-banner-body,
    .section-text .food-boxes {
        width: 100%
    }
    .food-boxes .food-box {
        max-width: 45%;
        margin-bottom: 10%;
        margin-left: 10%
    }
    .food-box:nth-child(odd) {
        margin-left: 0
    }
    .food-boxes .food-box a {
        width: 100%
    }
    #food-network h2 {
        font-size: 24px
    }
    #food-network p {
        font-size: 16px
    }
    #food-network a {
        font-size: 14px
    }
    #our_work_bottom h2 {
        font-size: 24px;
        line-height: 28px
    }
    .play-button {
        position: absolute;
        top: 25%;
        left: 50%;
        float: none;
        padding: 0
    }
    i.play-button-icon {
        background-image: url(http://www.feedingamerica.org/assets/images/icons/play-white.png);
        background-size: contain;
        transform: translate(-50%, -50%)
    }
    #header-video img {
        width: 200%!important;
        margin-left: -50%
    }
    .section-banner.big-photo.with-text.with-video .container .headline-bar .container div.headline-text {
        padding: 20px 20px 40px;
        background: #efefef
    }
    div.hunger-box {
        width: 45%;
        float: none;
    }
    div.hunger-box:nth-child(odd) {
        margin-left: 0
    }
    div.hunger-box:nth-child(even) {
        margin-left: 5%;
    }
    div.map {
        background: 0 0;
        padding: 40px 0
    }
    div.map-title {
        padding-bottom: 20px
    }
    div.learn-more-map {
        width: 100%
    }
    div.state-text {
        padding: 30px 0 20px
    }
}

@media screen and (max-width:500px) {
    .section-banner.big-photo.with-text.with-video .container .headline-bar .container .headline-text {
        width: 100%;
        background: rgba(255, 255, 255, .85);
        color: #000;
        padding: 32px 32px 32px 0
    }
}

@media screen and (max-width:400px) {
    .banner-donation-level+label {
        font-size: 24px
    }
    i.play-button-icon {
        transform: translate(-50%, -75%);
        width: 87px;
        height: 87px
    }
}

@media screen and (max-width:320px) {
    i.play-button-icon {
        transform: translate(-50%, -100%)
    }
}