/*=====================================
=            MEDIA QUERIES            =
=====================================*/

/*==========  Non-Mobile First Method  ==========*/
/* Custom (wrapper max-width) */
@media only screen and (max-width : 1450px) {
    /* #site-header .quick-links {
        right: 20px;
    } */

    #site-header .brand {
        left: 20px;
    }

    .background-card {
        background-color:#002D72;
        background-position:200px 0;
    }
}

@media only screen and (min-width : 1440px) {
    #call-to-action .wrap {
        background-attachment: fixed;
    }
}

@media only screen and (min-width : 1400px) {
    article.single.share-page .share-media.video iframe {
        height: 485px;
    }
    .homepage-hero-wrapper .blue-overlay {
        background-image: linear-gradient(273deg, rgba(0,188,231,0.00) 48%, rgba(0,75,139,1) 64%, #002D72 100%);
    }
    .homepage-hero-wrapper {
        min-height: 800px;
    }
    .background-card {
        min-height: 800px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right;
    }
}

/* Custom Sidebar */
@media only screen and (max-width : 1280px) {
    body.has-sidebar article .content, body.has-sidebar #feed-index .content {
        margin-left: 0;
        max-width: 75%;
    }

    body.share-buttons a {
        max-width: 100%;
        width: 31%;
    }

    body .share-buttons a.btn-twitter i {
        left: 12px;
    }

    body .share-buttons a.btn-facebook i {
        left: 10px;
    }

    body .share-buttons a.btn-email {
        padding-left: 24px;
    }

    /*
 body .post .date {
        bottom: 100% !important;
        top: auto !important;
    }
*/
    /*
  body .post .date span {
        display: inline !important;
    }
*/

    body.has-sidebar #feed-index .post .date {
        top: -30px;
    }

    body.has-sidebar #feed-index .post .date span {
        display: inline;
    }

    body.has-sidebar .share-circles {
        text-align: right;
        position: relative;
        left: auto;
        top: auto !important;
        margin-top: -65px;
        width: 100%;
    }

    body.has-sidebar .share-circles a {
        margin: 12px 0 12px 5px;
        display: inline-block;
    }

    body.single.has-sidebar .share-circles {
        float: right;
        width: 150px;
        margin-top: -24px;
        z-index: 999999;
    }


}

@media only screen and (min-width : 1200px) {
    article.single.share-page .share-media.video iframe {
        height: 485px;
    }

    body.home #site-header .brand {
        flex: 0 0 100px;
    }

    body.home #site-header .site-nav ul {
        margin: 0;
    }

    body.home #site-header .site-nav {
        margin: 0 10px 0 0;
    }

    #big-signup .container {
        max-width: 100%;
        width: 100%;
    }

    #racesmenu {
        width: 14%;
    }

    #racesmenu ul {
        margin-left: -15px;
    }
    article.single.share-page .share-media.video iframe {
        height: 485px;
    }
}

@media only screen and (max-width : 1185px) {
    #site-header .donate-wrapper {
        width: 130px; 
    }
    #site-header .donate-wrapper .donate {
        font-size: 14px;
    }
    #site-header .quick-links a.social svg {
        height: 25px;
        width: auto;
    }
    #site-header .site-nav ul li {
        margin: 0 7px 0 0;
    }
}

@media only screen and (max-width : 1100px) {
    .ab-splash-wrapper .splash-right h2 {
        font-size: 38px;
        line-height: 1.2;
    }

    .ab-splash-wrapper .splash-right {
        width: 50%;
        background: linear-gradient(270deg, rgba(255, 255, 255, 1) 81%, rgba(255, 255, 255, 0) 97%);
    }

    .ab-splash-wrapper .splash-blue-btn {
        font-size: 16px;
    }

    .homepage-map-wrapper {
        padding: 50px 2%;
    }

    .social-feed-wrapper {
        padding: 100px 5%;
    }

    .donate-float-wrapper {
        width: 95%;
    }
    .donate-float-wrapper .donate-btn {
        font-size: 19px;
    }
    .donate-float-wrapper .donate-btn.last {
        font-size: 17px;
        padding: 12px 0;
    }
    .ab-splash-wrapper .splash-right h2 {
        font-size: 38px;
        line-height: 1.2;
    }
    .ab-splash-wrapper .splash-right {
        width: 50%;
        background: linear-gradient(270deg, rgba(255,255,255,1) 81%, rgba(255,255,255,0) 97%);
    }
    .ab-splash-wrapper .splash-blue-btn {
        font-size: 16px;
    }
}


@media screen and (max-width: 1050px) {
    #site-footer .footer-left-wrap {
        margin: 0 auto 20px;
        display: block;
    }
    #site-footer .footer-right-wrap {
        width: 100%;
    }
    #site-footer ul {
        text-align: center;
    }
    .banner-right {
        width: 400px;
        text-align: right;
    }
    .fight-banner p {
        font-size: 20px;
    }
    .fight-banner .banner-left p {
        font-size: 30px;
    }
}

@media screen and (max-width: 1000px) {
    .homepage-map-wrapper .map-wrapper {
        display: block;
        margin: auto;
        width: 90%;
    }
    .homepage-map-wrapper .state-wrapper {
        display: block;
        max-width: 100%;
        margin: auto;
        width: 500px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    body.page-template-page-single-input-splash-php #call-to-action form,
    body.page-template-page-single-input-splash-php #call-to-action form input.text,
    body.page-template-page-single-input-splash-php #call-to-action form .icon-wrap,
    body.page-template-page-single-input-splash-php #call-to-action form .icon,
    body.page-template-page-single-input-splash-php #call-to-action form button,
    body.page-template-page-single-input-splash-php #call-to-action .flipper-wrap a.thanks {
        height: 77px;
    }

    body.page-template-page-single-input-splash-php #call-to-action form button .icon {
        padding-top: 10px;
        font-size: 45px;
    }
    
    body.page-template-page-single-input-splash-php #call-to-action form input.text {
        font-size: 38px;
    }

    body.page-template-page-single-input-splash-php #call-to-action form input.text,
    body.page-template-page-single-input-splash-php #call-to-action .flipper-wrap a.thanks {
        line-height: 77px;
    }

    body.page-template-page-single-input-splash-php form button .icon.pending-response i {
        top: 12px;
    }

    body.page-template-page-single-input-splash-php #call-to-action .flipper-wrap a.thanks {
        font-size: 18px;
    }

    body.page-template-page-single-input-splash-php #call-to-action .message .flipper-wrap {
        max-width: 580px;
    }

    body.page-template-page-single-input-splash-php #call-to-action .message form button {
        width: 125px;
    }

    #racesmenu {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
        top: 0;
    }

    #donate-mobile {
        font-size: 16px;
    }

    #site-header {
        padding-top: 20px;
    }

    /* #site-header .quick-links {
        right: 15px;
    } */

    #site-header .brand {
        margin: 0;
        height: 100%;
    }

    #site-header .brand a {
        width: 90px;
        max-height: 100%;
    }

    #site-header .donate-wrapper {
        width: 190px;
    }

    #site-header .donate-wrapper .donate {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
    }

    #site-header .nav-inner .menu-item {
        margin: 0 5px;
    }

    #site-header .nav-inner .menu-item a {
        font-size: 16px;
    }

    #site-header .quick-links a.donate {
        font-size: 12px;
        padding: 0 45px 0 15px;
        width: auto;
    }

    #site-header .quick-links a.donate i {
        width: 35px;
        padding-right: 3px;
    }

    #call-to-action .actions .container {
        width: 100%;
    }

    #call-to-action .actions .container .col-sm-4 {
        padding: 0;
    }

    #site-footer .social-buttons {
        display: none;
    }

    #site-footer .container {
        width: 100%;
    }

    #site-footer .disclaimer {
        font-size: 11px;
    }

    .share-buttons a {
        font-size: 11px;
        max-width: 225px;
        margin: 0 5px;
    }

    #big-signup {
        /* background: #002D72; */
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #big-signup .flipper-wrap {
        max-width: 100%;
        padding: 0 15px;
    }

    #big-signup form {
        height: 50px;
        max-width: 100%;
    }

    #big-signup form input {
        height: 50px;
        line-height: 50px;
        font-size: 20px;
    }

    #big-signup form i.big-icon {
        font-size: 40px;
        top: 17px;
    }

    #big-signup form button {
        font-size: 20px;
        width: 80px;
    }

    #big-signup form button, #big-signup form button .icon {
        height: 50px;
        line-height: 44px;
    }

    #big-signup a.thanks {
        height: 50px;
        line-height: 44px;
    }

    #big-signup a.thanks i {
        width: 140px;
    }

    #feed .description h3 {
        margin-top: 40px;
        font-size: 37px;
        line-height: 54px;
    }

    body.has-sidebar article .content, body.has-sidebar #feed-index .content {
        max-width: 100%;
        /*margin-left: 8.33333333%;*/
    }

    #sidebar {
        display: none;
    }

    .post .date {
        top: auto;
        bottom: 100%;
        width: 200px;
    }

    .post .date span {
        display: inline;
    }

    article.single.share-page .share-media {
        padding: 0;
    }

    article.action-center .content .action a {
        height: auto !important;
    }

    #featured-actions .container {
        width: 100%;
    }

    #featured-actions a span.text {
        font-size: 12px;
    }

    #feed-index .post .date {
        top: -30px !important;
        left: auto;
    }

    #feed-index .post .date span {
        display: inline
    }

    body .share-circles {
        text-align: right;
        position: relative;
        left: auto;
        top: auto !important;
        margin-top: -65px;
        width: 100%;
    }

    body .share-circles a {
        margin: 12px 0 12px 5px;
        display: inline-block;
    }

    body.single .share-circles {
        width: 150px;
        margin-top: 0;
        z-index: 999999;
    }
}

@media screen and (max-width: 950px) {
    .fixed-header .nav-banner {
        display: none;
    }
    .fight-banner {
        position: sticky;
        top: 0;
        z-index: 300;
    }
    .banner-left {
        display: none;
    }
    .banner-right {
        width: 100%;
        float: none;
        max-width: 100%;
        text-align: center;
        margin: 0 auto;
    }
    .background-card {
        background-position: left;
    }
    #site-header .quick-links, #site-header .site-nav {
        display: none;
    }
    #site-header .toggle-mobile-nav {
        display: block;
    }
}

@media screen and (max-width: 900px) {
    .social-feed-card h5 {
        font-size: 21px; 
    }
    .donate-float-wrapper .donate-btn {
        width: 46%;
        margin: 1% 2%;
    }
    .donate-float-wrapper .donate-btn.last {
        font-size: 19px;
        padding: 20px 0;
    }
    .donate-float-wrapper {
        border-radius: 0;
        width: 100%;
    }
    body.fixed-header .donate-float-wrapper {
        transform: none;
        left: 0;
        position: static;
        z-index: 20;
    }
}

@media screen and (max-width: 800px) {
    .ab-splash-wrapper .splash-right {
        width: 100%;
        margin: 0;
        padding: 15px 5%;
        height: auto;
        position: absolute;
        /* background: linear-gradient(180deg, transparent 0, #002756 25%, #002756 100%); */
        background: linear-gradient(360deg, rgba(255, 255, 255, 1) 81%, rgba(255, 255, 255, 0) 97%);
        bottom: -62px;
        bottom: 0;
    }

    .ab-splash-wrapper .splash-right .splash-inner.desktop {
        display: none;
    }

    .ab-splash-wrapper .splash-right .splash-inner.mobile {
        display: block;
    }

    .ab-splash-wrapper #arrow span {
        color: #ffffff;
    }

    .ab-splash-wrapper .splash-left {
        width: 100%;
        height: 70vh;
    }
    .content-wrapper {
        padding: 50px 7%;
    }
    .content-wrapper .card h3 {
        font-size: 40px;
    }
    .content-wrapper .arrow {
        height: 45px;
        width: auto;
        bottom: 100px;

        top: auto;
    }
    .fixed-header .nav-banner {
        display: none;
    }
    .social-feed-card-wrapper {
        flex-wrap: wrap;
    }
    .social-feed-card {
        margin-top: 20px;
        width: 100%;
    }
    .social-feed-wrapper .social-svg {
        display: none;
    }
    .social-feed-wrapper {
        padding: 15px 5%;
    }
    .homepage-hero-wrapper h1 {
        font-size: 50px;
    }
    .homepage-hero-wrapper h2 {
        font-size: 22px; 
    }
    .homepage-hero-wrapper .hero-content {
        margin: 100px 5%;
        /* margin: 25px 5%; */
    }
    #site-footer ul li {
        text-align: center;
        width: 100%;
    }
}

@media screen and (max-width: 800px) {
    .ab-splash-wrapper .splash-right {
        width: 100%;
        margin: 0;
        padding: 15px 5%;
        height: auto;
        position: absolute;
        background: linear-gradient(360deg, rgba(255,255,255,1) 81%, rgba(255,255,255,0) 97%);
        bottom: -62px;
        bottom: 0;
    }
    .ab-splash-wrapper .splash-right .splash-inner.desktop {
        display: none;
    }
    .ab-splash-wrapper .splash-right .splash-inner.mobile {
        display: block;
    }
    .ab-splash-wrapper #arrow span {
        color: #ffffff;
    }
    .ab-splash-wrapper .splash-left {
        width: 100%;
        height: 70vh;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .background-card {
        background-position:0 0;
    }

    #site-canvas {
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);

        -webkit-transform: translate3d(0);
        -o-transform: translate3d(0);
        -ms-transform: translate3d(0);
        -moz-transform: translate3d(0);
        transform: translate3d(0);

        -moz-transition: all 300ms cubic-bezier(.694, .0482, .335, 1);
        -webkit-transition: all 300ms cubic-bezier(.694, .0482, .335, 1);
        transition: all 300ms cubic-bezier(.694, .0482, .335, 1);

        /* padding-top: 60px; */
    }

    /* .show-nav #site-canvas {
        -webkit-transform: translateX(-255px);
        -o-transform: translateX(-255px);
        -ms-transform: translateX(-255px);
        -moz-transform: translateX(-255px);
        transform: translateX(-255px);

        -webkit-transform: translate3d(-255px);
        -o-transform: translate3d(-255px);
        -ms-transform: translate3d(-255px);
        -moz-transform: translate3d(-255px);
        transform: translate3d(-255px);
    } */

    /* .show-nav #mobile-nav {
        display: block;
    } */

    #site-header .nav-inner .donate-wrapper {
        display: none;
    }

    #donate-mobile {
        display: block;
    }

    #site-header {
        /* height: 120px; */
        margin: 0;
        /* padding: 0; */
        width: 100%;
        /* background: #0B2240; */

        /* position: absolute !important; */

        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);

        -webkit-transform: translate3d(0);
        -o-transform: translate3d(0);
        -ms-transform: translate3d(0);
        -moz-transform: translate3d(0);
        transform: translate3d(0);

        -moz-transition: all 300ms cubic-bezier(.694, .0482, .335, 1);
        -webkit-transition: all 300ms cubic-bezier(.694, .0482, .335, 1);

        transition: all 300ms cubic-bezier(.694, .0482, .335, 1);

    }

    body.single #site-header .brand a {
        margin: 7px 0;
    }

    /* .show-nav #site-header {
        -webkit-transform: translateX(-255px);
        -o-transform: translateX(-255px);
        -ms-transform: translateX(-255px);
        -moz-transform: translateX(-255px);
        transform: translateX(-255px);

        -webkit-transform: translate3d(-255px);
        -o-transform: translate3d(-255px);
        -ms-transform: translate3d(-255px);
        -moz-transform: translate3d(-255px);
        transform: translate3d(-255px);
    } */

    #site-header .header-inner, #site-header.make-short .header-inner {
        height: 60px;
    }

    /* #site-header .quick-links, #site-header .site-nav {
        display: none;
    }

    #site-header .toggle-mobile-nav {
        display: block;
    } */

    #site-header .col-md-12 {
        padding: 0;
    }

    #call-to-action .wrap {
        padding-top: 0;
        background-position-x: 68%;
    }

    #call-to-action .screen {
        position: relative;
        padding-bottom: 250px;
        padding-top: 250px;
    }

    #call-to-action .actions .col-sm-4 {
        margin: 18px 0;
    }

    #call-to-action .actions a h4,
    #call-to-action .actions .smaller-css a h4 {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 40px;
        text-transform: uppercase;
        letter-spacing: 0.2em;
        color: #00BCE7;
    }

    #call-to-action .actions a h4:hover {
        background: #E6342F;
        color: #ffffff;
    }

    #call-to-action .message {
        margin-left: 0px;
        margin-top: 0px;
        position: relative;
        left: auto;
        top: auto;
    }

    #call-to-action .message p.subheading {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    #call-to-action .actions {
        bottom: 0;
        padding: 8px 0;
    }

    #call-to-action .actions a p {
        display: none;
    }

    #call-to-action .actions a h4 img {
        margin: 20px auto 7px;
        display: block;
        max-width: 16px;
    }

    #call-to-action .action-center .form-group .input {
        max-width: calc(100% - 90px);
    }

    #call-to-action .action-center .form-group .formbtn {
        max-width: 80px !important;
        width: 80px;
    }

    #home-content h2 {
        padding: 0 150px 20px;
    }

    #home-content h4.subtitle {
        font-size: 18px;
        line-height: 26px;
        margin: 0 0 40px;
    }

    #site-footer {
        padding-top: 60px;
    }

    #site-footer #menu-footer-menu {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        width: 100%;
    }

    #site-footer #menu-footer-menu .menu-item {
        flex: 1 1 49%;
    }

    #site-footer #menu-footer-menu .menu-item ul li a {
        line-height: 1.5em;
    }

    #site-footer ul {
        text-align: left;
    }

    #site-footer ul li {
        margin-bottom: 20px;
    }

    #site-footer ul li a {
        margin-bottom: 20px;
    }

    #site-footer ul li ul li a {
        margin-bottom: 15px;
    }

    #site-footer ul li li {
        margin-bottom: 0;
    }

    #site-footer .disclaimer .copyright .logo {
        display: none;
    }

    #site-footer .disclaimer {
        font-size: 13px;
    }

    #site-footer .disclaimer .copyright {
        height: auto;
    }

    .share-buttons a {
        max-width: 400px !important;
        margin-bottom: 20px;
        font-size: 12px;
        display: block;
        width: 100% !important;
        margin: 0 auto 11px;
    }

    #at3win {
        width: 100%;
    }


    /* #big-signup form {
        height: 50px;
    }
    #big-signup form input {
        height: 50px;
        line-height: 50px;
        font-size: 35px;
        padding-left: 70px;
    }
    #big-signup form i.big-icon {
        font-size: 40px;
        top: 8px;
    }
    #big-signup form button {
        font-size: 40px;
        width: 100px;
    }
    #big-signup form button, #big-signup form button .icon {
        height: 75px;
    }
    #big-signup form button i, #big-signup form button i:before {
        margin: 0;
    }
    #big-signup form button i {
        height: 75px;
        line-height: 75px;
        position: absolute;
        left: 0;
        width: 100%;
    } */
    #big-signup a.thanks {
        height: 75px;
        line-height: 75px;
        font-size: 18px;
    }

    #big-signup a.thanks i {
        font-size: 30px;
        width: 100px;
    }

    #feed .description h3 {
        margin-top: 40px;
        font-size: 25px;
        line-height: 45px;
    }

    #feed .meta {
        margin-top: 65px;
    }

    .bx-controls {
        display: none !important;
    }

    #feed .bx-wrapper .bx-viewport {
        height: auto !important;
    }

    #feed a.handle {
        margin-bottom: 65px;
    }

    #home-content a.btn {
        width: 100%;
        max-width: 440px;
    }

    #supporters {
        padding-top: 50px;
    }

    #supporters hr {
        margin: 4px auto;
    }

    #supporters figure {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-top: 40px;
    }

    #supporters figure span.count {
        position: relative;
        font-size: 80px;
        line-height: 80px;
        margin: 0 0 20px;
    }

    .fancy-blockquote blockquote, .fancy-blockquote blockquote p {
        font-size: 30px;
        line-height: 45px;
    }

    #topper .subtitle {
        color: #ABD7E6;
        font-size: 24px;
        letter-spacing: 0.2em;
        margin: 0;
        margin-left: -0.2em;
        font-style: normal;
        text-transform: uppercase;
    }

    #topper h1 {
        font-size: 80px !important;
    }

    #topper.single h1 {
        line-height: 62px !important;
        font-size: 62px !important;
    }

    article.single aside.meta span {
        display: block;
        margin-bottom: 0px;
    }

    article.single aside.meta span.separator {
        display: none;
    }

    #feed-index .post .share-circles a {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    #featured-actions a {
        width: 32%;
        margin: 20px 0 30px;
    }

    body.fixed-header #site-header {
        /* position: absolute !important; */
        position: sticky;
        top: 0;
    }

    #site-footer .disclaimer {
        line-height: 16px;
    }

    #single-topper-image {
        height: 330px;
    }

    #feed-index .post .date {
        top: -30px !important;
    }

    #feed-index .post .share-circles {
        display: none;
    }

    #home-content {
        background-image: none !important;
    }

    /* #site-header.make-short, body.single #site-header, body.fixed-header #site-header {
        height: 120px;
    } */

    body.page-template-page-single-input-splash-php .brand {
        width: 60px;
        top: 15px;
        left: 15px;
    }

    body.page-template-page-single-input-splash-php .donate-splash {
        right: 15px;
        top: 20px;
    }

    #cpp-table th, #cpp-table td {
        font-size: 10px;
    }

    #cpp-table th {
        padding: 10px 7px;
    }
    .homepage-hero-wrapper {
        min-height: 300px;
    }
    .slick-hero-wrapper {
        position: relative;
    }
    .homepage-hero-wrapper .bx-wrapper, 
    .homepage-hero-wrapper .slick-slider {
        position: static;
    }
    .background-card {
        background-position: center;
        /* min-height: 450px; */
        min-height: 300px;
    }
    .homepage-hero-wrapper .blue-overlay {
        background: none;
    }
    .homepage-hero-wrapper h1 {
        color: #002056;
    }
    .homepage-hero-wrapper h2 {
        color: #000;
    }
    .homepage-hero-form {
        border: 2px solid #002056;
    }
    .homepage-hero-wrapper .homepage-backgrounds {
        /* max-height: 300px;
        min-height: 400px; */
        max-height: 300px;
        min-height: 286px;
    }
    .banner-svg {
        display: none;
    }
    .fight-banner .banner-right p a.mobile {
        display: block;
    }
    .fight-banner .banner-right p a.desktop {
        display: none;
    }
    .homepage-map-wrapper h3,
    .call-out-wrapper .call-out-inner h3 {
        margin-top: 0;
    }
    .homepage-hero-wrapper .hero-content {
        margin: 50px 5% 100px;
    }
    .homepage-hero-wrapper .hero-content {
        margin: 25px 5%;
    }
    #bp_survey {
        padding: 20px 4%;
    }

    #bp_survey .votingitem {
        width: 100%;
        margin-right: 0;
    }

    #bp_survey .votingitem img {
        width: 100%;
        height: auto;
    }

    #bp_survey input {
        width: 100%;
    }
}
@media only screen and (max-width : 768px) {
    .mediaitem {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .smaller-css {
        width: 100%;
    }
}


@media screen and (max-width: 700px) {
    .call-out-wrapper {
        padding: 0;
    }
    .call-out-wrapper .decoration {
        display: none;
    }
    .call-out-wrapper .call-out-inner {
        border-radius: 0;
        margin: 0;
        padding: 75px 5%;
        width: 100%;
    }   
    .content-wrapper .card img,
    .blue-background {
        border-radius: 0;
    }
    .content-wrapper {
        padding: 50px 0;
    }
    .content-card-inner {
        margin: auto;
        width: 80%;
    }
    .content-wrapper .arrow.next {
        right: 2%;
    }
    .content-wrapper .arrow.prev {
        left: 3%;
    }
    .content-wrapper .arrow {
        height: 30px;
        width: auto;
    }
    .content-wrapper .card h3 {
        font-size: 30px;
    }
    /* .content-wrapper .card img {
        height: 220px;
    } */

    .homepage-map-wrapper {
        padding: 50px 5%;
    }

    .map-wrapper svg {
        display: none !important;
    }

    .toggle-wrapper input[type="checkbox"].ios-switch + div {
        margin: 15px 6px 15px;
    }

    .toggle-wrapper {
        margin-bottom: 10px;
    }
    
    #states {
        display: block;
        margin: 0 auto 30px;
        /* max-width: 90%; */
    }

    .fight-banner .banner-left p {
        font-size: 25px;
    }

    .fight-banner p {
        font-size: 17px;
        margin: auto;
        max-width: 100%;
        width: 325px;
    }

    .state-wrapper .state-card {
        width: 90%;
    }

    .homepage-map-wrapper .state-wrapper {
        border-radius: 0;
    }
}

@media screen and (max-width: 600px) {
    #site-footer .footer-right-wrap,
    #site-footer .footer-left-wrap {
        text-align: center;
        width: 100%;
    }
    #site-footer .footer-home-a {
        margin: 0 auto 30px;
    }
    #site-footer #menu-footer-menu .menu-item {
        flex: 1 1 100%;
    }
    .donate-float-left {
        text-align: center;
        margin-bottom: 20px;
        width: 100%;
    }
    .donate-float-right {
        width: 100%;
    }
    .homepage-hero-form .form-group {
        margin-bottom: 4px;
    }
    .background-card p {
        opacity: .8;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    body, p {
        line-height: 30px;
        font-size: 17px;
    }

    li {
        margin-bottom: .5em;
    }

    p {
        margin-bottom: 20px;
    }

    article {
        padding: 50px 0 80px;
    }

    h2, .h2 {
        font-size: 30px;
        letter-spacing: 0;
        line-height: 40px;
    }

    h3, .h3 {
        font-size: 24px;
        line-height: 32px;
    }

    article {
        padding: 20px 0 60px;
    }

    article.action-center {
        padding-top: 50px;
    }

    #feed-index {
        padding: 70px 0;
    }

    body.single #site-header .header-inner .brand a {
        margin: 7px 0;
    }

    #call-to-action .wrap {
        background-position-x: 75%;
    }

    #visit-the-action-center .container {
        width: 100%;
    }

    #visit-the-action-center a {
        max-width: 100%;
        font-size: 14px;
        padding: 0 15px;
    }

    #visit-the-action-center a i {
        display: none;
    }

    #big-signup form i.big-icon {
        display: none;
    }

    #big-signup form input {
        padding-left: 0;
    }

    #big-signup form {
        height: 50px;
    }

    #big-signup form .form-group {
        display: flex;
        align-items: center;
    }

    #big-signup form .form-group .form-field {
        flex: 1 1 100%;
        width: 100%;
    }

    #big-signup form .form-group button {
        flex: 0 0 80px;
        width: 80px !important;
    }

    #big-signup form input {
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        padding-left: 20px;
    }

    #big-signup form i.big-icon {
        font-size: 20px;
        top: 8px;
    }

    #big-signup form button {
        flex: 0 0 80px !important;
        min-width: 80px !important;
        font-size: 20px;
        line-height: 44px;
        position: static;
    }

    #big-signup form button, #big-signup form button .icon {
        height: 50px;
    }

    #big-signup form button i, #big-signup form button i:before {
        margin: 0;
    }

    #big-signup form button i {
        height: 58px;
        line-height: 58px;
        position: absolute;
        left: 0;
        width: 100%;
    }

    #big-signup a.thanks {
        height: 58px;
        line-height: 58px;
        font-size: 18px;
    }

    #big-signup a.thanks i {
        display: none;
    }

    #big-signup .error-message {
        padding: 5px;
    }

    #big-signup .error-message p {
        line-height: 18px;
        padding: 0 3px;
        font-size: 10px;
    }

    #call-to-action .screen {
        padding-bottom: 300px;
        padding-top: 150px;
    }

    #supporters figure span.count {
        margin: 0;
    }

    /*
  #call-to-action .actions {
        background: #003274;
        background: rgba(0, 50, 116, 0.66);
    }
*/
    #feed .meta i {
        display: block;
        margin-bottom: 5px;
        font-size: 25px;
    }

    #feed .meta a {
        font-size: 14px;
    }

    #feed .description h3 {
        margin-top: 30px;
        font-size: 18px;
        line-height: 31px;
    }

    #home-content {
        padding: 60px 0 70px;
    }

    #home-content a.btn {
        font-size: 16px;
        margin-top: 40px;
    }

    #home-content h2 {
        font-size: 30px;
        line-height: 40px;
        padding: 0;
    }

    #home-content p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 20px;
    }

    #donate-now a i {
        display: none;
    }

    #supporters {
        padding: 60px 0 70px;
    }

    #supporters h3 {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: .12em;
        margin-bottom: 20px;
    }

    #supporters hr {
        margin: 4px auto 0;
    }

    #supporters figure span.count {
        font-size: 60px;
        line-height: 60px;
    }

    #supporters figure figcaption {
        margin-top: 20px;
        font-size: 14px;
        letter-spacing: .12em;
    }

    #call-to-action .message form input {
        font-size: 20px;
    }

    #call-to-action .message form button {
        width: 60px;
    }

    #call-to-action .error-message {
        padding: 5px;
    }

    #call-to-action .error-message p {
        line-height: 18px;
        padding: 0 3px;
        font-size: 10px;
    }

    #call-to-action .message h1 {
        font-size: 44px !important;
        line-height: 48px !important;
        margin-bottom: 20px;
    }

    #call-to-action a.button {
        width: 100%;
        padding: 0;
    }

    #call-to-action a.button i {
        display: none;
    }

    #call-to-action a.button.callout-pop-up-video i {
        display: block;
    }

    #inner-action form input, #inner-action form input.odd, #inner-action form input.even {
        width: 100% !important;
        border: none !important;
        border-top: solid 1px #d8dadb !important;
        font-size: 18px;
    }

    .fancy-blockquote blockquote, .fancy-blockquote blockquote p {
        font-size: 21px;
        line-height: 34px;
    }

    .fancy-blockquote footer {
        font-size: 11px;
    }

    .fancy-blockquote footer:before {
        display: none;
    }

    #donate-now .container {
        width: 100%;
    }

    #topper {
        padding-top: 120px;
        padding-bottom: 70px;
    }

    #topper.single {
        padding-top: 120px;
    }

    #topper.has-subheading {
        padding-bottom: 80px;
    }

    #topper .subtitle {
        font-size: 16px;
        line-height: 16px;
    }

    #topper h1 {
        font-size: 44px !important;
        line-height: 48px;
        letter-spacing: 0;
    }

    #topper p.subheading {
        font-size: 16px;
    }

    #feed-index .post h2 {
        font-size: 36px;
        line-height: 40px;
    }

    #topper.single h1 {
        line-height: 42px !important;
        font-size: 36px !important;
        letter-spacing: 0;
        margin-top: 20px;
    }

    body.single .share-circles {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }

    .share-circles a {
        align-items: center;
        justify-content: center;
        height: 50px;
        line-height: 46px;
        width: 50px;
        font-size: 20px;
        position: relative;
    }

    .share-buttons {
        flex-direction: column;
    }

    .share-buttons a {
        display: flex;
        align-items: center;
    }

    #featured-actions a {
        width: 100%;
    }

    #featured-actions a span.text {
        font-size: 15px;
    }

    #topper.action-center .flipper-wrap a.thanks i {
        display: none;
    }

    #topper.action-center form input {
        font-size: 20px;
    }

    #topper.action-center form button {
        width: 60px;
    }

    #topper.action-center .error-message {
        padding: 5px;
    }

    #topper.action-center .error-message p {
        line-height: 18px;
        padding: 0 3px;
        font-size: 10px;
    }

    #call-to-action .flipper-wrap a.thanks i {
        display: none;
    }

    #single-topper-image {
        height: 200px;
    }

    #topper.action-center {
        padding-bottom: 40px;
    }

    #featured-actions {
        padding: 20px 0 45px;
    }

    #featured-actions a span.icon {
        margin-bottom: 8px;
    }

    article.action-center .content .action a {
        margin: 0 auto 25px;
    }

    #feed-index {
        padding: 80px 0;
    }

    #topper.single.has-topper-image {
        padding-top: 40px;
    }

    #topper.single.share-page {
        padding-top: 80px;
    }

    body.single .share-circles {
        margin-top: -38px !important;
    }

    #site-footer ul li a {
        line-height: 40px;
        margin-bottom: 5px;
    }

    #site-footer ul li ul li a {
        margin-bottom: 0;
    }

    #site-footer ul {
        text-align: center;
    }

    #site-footer ul li {
        float: none;
        width: 100%;
    }

    body.page-template-page-races #map, body.page-template-page-races #clicked-state {
        display: none;
    }

    body.page-template-page-races h4 {
        text-align: center;
    }

    article.single.share-page .share-media.video iframe {
        height: 240px;
    }

    #topper.has-image:after {
        background-image: none !important;
    }

    #call-to-action.splash .message {
        padding: 140px 0;
    }

    body.page-template-page-single-input-splash-php .donate-splash {
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        border-radius: 0;
    }

    body.page-template-page-single-input-splash-php .brand {
        top: 50px;
        left: 10px;
    }
}


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

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {}