@charset "utf-8";

@media screen and (max-width: 1000px) {
    leg-left, leg-right {display: block; width: 100%; padding: 0;}
    arm-left, arm-right, chest-middle {font-size: 1.8rem;}
    hero-text1 {font-size: 4.1rem;}
    hero-text2 {font-size: 4.7rem;}
    hero-text3 {font-size: 4.2rem;}
    hero-skin, hero-picture {width: 80%; margin: 0px 10%; padding: 0px 0%;}
    nav a {font-size: 1.1rem;}
    foot-left > h1 {
    padding: 7px 0px;
    margin: 3px 0px 3px 0px;
    font-size: 2.7rem;
}
foot-left > h2 {
    padding: 3px 0px;
    margin: 3px 0px;
    font-size: 1.7rem;
}
foot-left > h3 {
    padding: 7px 0px 7px 0px;
    margin: 3px 0px 3px 0px;
    font-size: 1.3rem;
    text-align: center;
}
}
@media screen and (max-width: 980px) {
    polaroid, why-pic {width: 100%; max-width: 55%; float: none; display: block; margin: 0px auto 7px auto;}
    story-text, story-caption, why-text, why-caption {width: 100%; max-width: 96%; float: none; display: block; margin: 0px auto 7px auto;}
    story-card, why-card {padding: 0px ;}
}

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

    hero-cover {background-size: 55%;}

    div.slide-orb {width: 25%;}

    arm-left, arm-right, chest-middle {width: 100%;}

    nav a {font-size: .97rem;}

}

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

    html {font-size: 15px;}

    music-box {padding: 0px; width: 100%; border-radius: 0px;}

    music-box.describe, music-box.player {border-radius: 0%; margin: 0px; padding: 11px 7px 11px 7px; width: 100%; box-shadow: none;}

}



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

    right-brain.hidethis {display: none;}

    left-brain, left {width: 100%; float: none;text-align: center;}

    hero-text1 {font-size: 3.6rem;}

    hero-text2 {font-size: 4.2rem}

    hero-text3 {font-size: 3.7rem}

    .page-pic {width: 77%;height: auto;}

}





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

        

}



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

    .f-50 {width: 100%; max-width: 90%; margin:17px auto;display: block;float: left;}
    
    .why-list {margin: 7px auto 7px auto;}
    
    div.slide-orb, .slide-orb {width: 33%;}

    hero-cover {background-size: 77%;}

    div.slide-pic.stand-4 {background-size: cover;}

    div.slide-pic.news-1 {background-position:center top;}

    #menu_title {display: block;}

    #menu-555 {display:visible;}

    #full-555 {display:none;}

    nav.mobile-555 a {font-size: 1.7rem;}

    hero-text1 {font-size: 2.4rem;}

    hero-text2 {font-size: 3.0rem;}

    hero-text3 {font-size: 2.5rem}

    h1{font-size: 2.2rem;}

    h2{font-size: 2.0rem;}

    h3{font-size: 1.7rem;}

    h-i{font-size: 1.5rem;}

    article.donate{max-width: 100%; padding: 1.5rem 0rem 2rem 0rem;}

    article-text{width: 92%; padding: 1.7rem .7rem;margin: 0px 0rem;max-width: 92%;}

    article-right{width: 100%; padding: 17px 0px;margin: 0px 0px;}

    article > article-right > trump-shaft {font-size: 1.5rem;margin: 0px 1%;width: 98%;}

}



@media screen and (min-width: 640px) {

    #menu-555 {display:none;}

    #menu_title {display: none;}

    #full-555 {display:visible;}   

}

@media screen and (max-width: 555px) {
    .p-red {font-size: 1.1rem;padding:1rem 7px;margin: 0px auto;}
    #logo1{font-size: .7rem;}

    #logo2{font-size: 1.2rem;}

    #logo3{font-size: 1.5rem;}

    #logo4{font-size: .9rem;}

    header {padding: 11px 3px 0px 3px;}

    hero-text1 {font-size: 2.0rem;}

    hero-text2 {font-size: 2.6rem;}

    hero-text3 {font-size: 2.1rem}

    hero-skin, hero-picture {width: 100%; margin: 0%; padding: 0px 3%;}

    h1{font-size: 2.0rem;}

    h2{font-size: 1.8rem;}

    h3{font-size: 1.7rem;}

    h-i{font-size: 1.3rem;}

    .no-veil {font-size: 1.8rem; padding: 1.44rem .7em;max-width: 95%;}

    h7 {width: 100%; margin: .33rem 0% 1.7rem 0%;}

    .page-pic {width: 88%;height: auto;}

}

@media screen and (min-width: 555px) {

    #logo1{font-size: 1.07rem;}

    #logo2{font-size: 1.7rem;}

    #logo3{font-size: 2.1rem;}

    #logo4{font-size: 1.44rem;}

}

@media screen and (min-width: 421px) {

    

}

@media screen and (max-width: 420px) {
    h5.p-red.alert {font-size: 1.0rem;padding:1rem 7px;margin: 0px auto; width: 100%;}
    p {margin: 10px 7px;padding: 5px 3px;}

    div.slide-orb {width: 33%;}
    div.slide-pic.who-3 {background-position:center center; background-size: contain;}
    nav a {width: 100%;}

    body {padding: 0px 7px 0px 7px !important;}

    foot-left {height: 333px; min-width: 313px;}

    h1{font-size: 2.8rem;}

    h2{font-size: 1.7rem;}

    h3{font-size: 1.6rem;}

    h4{font-size: 1.3rem;}

    h5{font-size: 1.0rem;}

    h6{font-size: .97rem;}

    h7{font-size: .9rem;}

    h-i{font-size: 2.2rem;}

    .no-veil {font-size: 1.5rem; padding: 1.44rem .7em;max-width: 95%;}

    hero-text1 {font-size: 1.6rem;}

    hero-text2 {font-size: 2.2rem}

    hero-text3 {font-size: 1.7rem}

    hero-skin, hero-picture {width: 100%; margin: 0%; padding: 0px 0%;}

    .page-pic {width: 97%;height: auto;}

}



/* ------------- FORMS --------------- */