/* IPHONE / SMARTPHONE */
@media (max-width: 640px) {
    .welcome-intro {
        display: block;
        position: relative;
        margin-left: 2% !important;
        margin-right: 2% !important;
        margin-top: 5% !important;
        font-family: 'Script MT';
        font-weight: normal;
        font-size: 2.2em !important;
        line-height: 1.1em !important;
        max-width: 95% !important;
    }

    .welcome-intro-img {
        display: block;
        position: relative;
        margin-top: 1% !important;
        margin-left: 10% !important;
        margin-right: 0% !important;
        font-family: 'French Script MT';
        font-weight: normal;
        font-size: 3.5em !important;
        line-height: 1.2em !important;
        width: 85% !important;
    }


    .homepage {
        position: relative;
        margin-top: 0% !important;
        margin-left: 30px;
        max-width: 640px;
    }

    .st-therese {
        position: absolute;
        margin-top: 80% !important;
        margin-left: 40% !important;
        width: 53% !important;
        height: auto;
    }

    .militia {
        position: absolute;
        margin-top: 30px !important;
        margin-left: -75% !important;
        font-size: 0.5em;
        font-weight: normal;
        z-index: 99 !important;
    }

    .essential {
        margin-left: -10px;
    }

    .intro {
        position: relative;
        margin-top: 2% !important;
        margin-left: 0% !important;
        margin-bottom: 20px !important;
        font-size: 1.5em !important;
        font-weight: bold;
        line-height: 1.2em !important;
        width: 100% !important;
        text-align: center;
    }

    .intro-subtitle {
        position: relative;
        margin-top: 10px !important;
        margin-left: 0% !important;
        font-size: 1.2em;
        font-weight: bold;
        color: #A80000;
        text-align: center;
        line-height: 1.2em !important;
        width: 100% !important;
    }

    .intro-sub {
        position: relative;
        margin-top: 10% !important;
        margin-left: 0px;
        font-size: 1.1em;
        line-height: 1.5em;
        margin-bottom: 0px !important;
        width: 100% !important;
    }

    .suggestions {
        position: relative;
        margin-top: 0% !important;
        margin-left: 0% !important;
        margin-bottom: -10% !important;
        font-size: 1.3em !important;
        line-height: 1.1em !important;
        width: 100% !important;
    }

    .suggestionsHeading {
        position: relative;
        margin-top: 0% !important;
        margin-left: 0% !important;
        font-size: 1.4em !important;
        width: 100% !important;
        height: auto;
    }

    .league {
        min-width: 130%;
    }

    .reg {
        position: relative;
        margin-top: 0% !important;
        margin-left: 13% !important;
        width: 100% !important;
        height: auto;
    }

    .registration {
        display: none;
    }

    .registration2 {
        display: block;
        position: relative;
        margin-top: -5% !important;
        margin-left: 0% !important;
        margin-bottom: 50px !important;
        width: 100% !important;
        height: auto;
    }

    .flip2 {
        position: relative;
        margin-top: -2% !important;
        margin-left: -13% !important;
        width: 100% !important;
        height: auto;
    }

    .manual1 {
        width: 30%;
    }

    .manual1a {
        width: 50%;
    }

    .manual {
        position: relative;
        margin-top: 0% !important;
        margin-left: 0% !important;
        width: 100% !important;
        height: auto;
    }

    .manual2 {
        position: relative;
        margin-top: 10% !important;
        margin-left: 0% !important;
        margin-bottom: 50px !important;
        width: 100% !important;
        height: auto;
    }

    .manual3 {
        position: relative;
        margin-top: 10% !important;
        margin-left: 0% !important;
        margin-bottom: 50px !important;
        font-size: 1.4em;
        line-height: 1.4em;
        width: 100% !important;
    }

    .holyfacebook {
        position: relative;
        margin-top: 0% !important;
        margin-left: 0% !important;
        width: 100% !important;
        height: auto;
    }

    .holyfacebook2 {
        position: relative;
        margin-top: 10% !important;
        margin-left: 0% !important;
        margin-bottom: 50px !important;
        font-size: 1.4em;
        line-height: 1.4em;
        width: 100% !important;
    }

    .audiolinks {
        position: relative;
        margin-top: 10% !important;
        margin-left: 19% !important;
        margin-bottom: 50px !important;
        width: 69% !important;
        height: auto;
    }

    .goldenarrowtitle {
        position: relative;
        margin-top: 0% !important;
        margin-left: 2% !important;
        font-size: 1.4em !important;
        line-height: 1.4em !important;
        width: 100% !important;
        height: auto;
    }

    .goldenarrow {
        position: relative;
        margin-top: 0% !important;
        margin-left: 0% !important;
        width: 99% !important;
        height: auto;
    }

    .goldenarrowbio {
        position: relative;
        margin-top: 10% !important;
        margin-left: 0% !important;
        margin-bottom: 50px !important;
        font-size: 1.3em !important;
        line-height: 1.3em !important;
        min-width: 100% !important;
        height: auto;
    }

    .prayercards {
        position: relative;
        margin-left: 0% !important;
        width: 100% !important;
        height: auto;
    }

    .prayercards2 {
        position: relative;
        margin-top: 5% !important;
        margin-left: 0% !important;
        margin-bottom: 50px;
        width: 100% !important;
        height: auto;
    }

    .reference {
        position: relative;
        margin-top: -10% !important;
        margin-left: 0% !important;
        width: 100% !important;
        height: auto;
    }

    .toc {
        position: relative;
        margin-top: 10% !important;
        margin-left: 0% !important;
        margin-bottom: 50px !important;
        width: 100% !important;
        height: auto;
    }

    .sistermarie {
        position: relative;
        margin-top: 0% !important;
        margin-left: 0% !important;
        width: 100% !important;
        height: auto;
    }

    .sistermarieimage {
        position: relative;
        margin-top: 10% !important;
        margin-left: 0% !important;
        width: 100% !important;
        height: auto;
    }

    .lifesistermarie {
        position: relative;
        margin-top: 10% !important;
        margin-left: 0% !important;
        font-size: 1.3em !important;
        line-height: 1.3em !important;
        width: 100% !important;
        height: auto;
    }

    .leoduponttitle {
        position: relative;
        margin-top: 0% !important;
        margin-left: 0% !important;
        font-size: 1.4em !important;
        line-height: 1.4em !important;
        width: 100% !important;
        height: auto;
    }

    .leodupont {
        position: relative;
        margin-top: -15% !important;
        margin-left: 0% !important;
        width: 100% !important;
        height: auto;
    }

    .leo {
        position: relative;
        margin-top: 10% !important;
        margin-left: 0% !important;
        margin-bottom: 50px !important;
        width: 100% !important;
        height: auto;
    }

    .zuzolo {
        position: relative;
        margin-top: 0% !important;
        margin-left: 0% !important;
        width: 100% !important;
        height: auto;
    }

    .maryjanezuzolo {
        position: relative;
        margin-top: 10% !important;
        margin-left: 0% !important;
        margin-bottom: 50px !important;
        width: 100% !important;
        height: auto;
    }

    .holyface {
        position: relative;
        margin-top: -6% !important;
        margin-left: 0% !important;
        width: 100% !important;
        height: auto;
    }

    .about-body {
        position: relative;
        margin-top: -5% !important;
        margin-left: 1% !important;
        font-size: 1.3em !important;
        line-height: 1.4em !important;
        min-width: 99% !important;
    }

    .about-body-reg {
        position: relative;
        margin-top: 7% !important;
        margin-left: 0% !important;
        margin-bottom: 50px !important;
        font-size: 1.3em !important;
        line-height: 1.5em !important;
        width: 100% !important;
    }

    .about-body-reg3 {
        position: relative;
        margin-top: 5% !important;
        margin-left: 0% !important;
        font-size: 1.3em;
        line-height: 1.4em;
        width: 100% !important;
    }

    .messagefrontpage {
        position: relative;
        margin-top: 0% !important;
        margin-left: 0% !important;
        width: 100% !important;
        height: auto;
    }

    .messagefrontpage2 {
        position: relative;
        margin-top: 10% !important;
        margin-left: 0% !important;
        margin-bottom: 50px !important;
        min-width: 100% !important;
        height: auto;
    }

    .collectiontitle {
        position: relative;
        margin-top: 0px;
        margin-left: 0px;
        font-size: 1.6em !important;
        line-height: 1.2em;
    }

    .collection {
        position: relative;
        margin-top: -15% !important;
        margin-left: 0% !important;
        width: 100% !important;
        height: auto;
    }

    .collect {
        position: relative;
        margin-top: 10% !important;
        margin-left: 0% !important;
        margin-bottom: 50px !important;
        font-size: 1.3em;
        line-height: 1.3em;
        min-width: 100% !important;
    }

    .holyface2 {
        position: relative;
        margin-top: -5% !important;
        margin-left: 0% !important;
        width: 100% !important;
        height: auto;
    }

    .stmartin {
        position: relative;
        margin-top: 0% !important;
        margin-left: 0% !important;
        width: 100% !important;
        height: auto;
    }

    .manifesto {
        position: relative;
        margin-top: 20% !important;
        margin-left: 0% !important;
        margin-bottom: 50px !important;
        width: 100% !important;
        height: auto;
    }

    .tube2 {
        position: relative;
        margin-top: 0% !important;
        margin-left: 0% !important;
        width: 110% !important;
        height: auto;
    }

    .leoscallan {
        position: relative;
        margin-top: 0% !important;
        margin-left: 0% !important;
        width: 100% !important;
        height: auto;
    }

    .leoscallanbio {
        position: relative;
        margin-top: 10% !important;
        margin-left: 0% !important;
        margin-bottom: 50px !important;
        font-size: 1.4em;
        line-height: 1.4em;
        width: 100% !important;
    }

    .totalconsecration {
        position: relative;
        margin-top: 0% !important;
        margin-left: 0% !important;
        width: 100% !important;
        height: auto;
    }

    .totalconsecration2 {
        position: relative;
        margin-top: 10% !important;
        margin-left: 0% !important;
        margin-bottom: 50px !important;
        font-size: 1.3em !important;
        line-height: 1.3em !important;
        min-width: 100% !important;
        height: auto;
    }

    .chronology {
        position: relative;
        margin-top: 0% !important;
        margin-left: 0% !important;
        width: 100% !important;
        height: auto;
    }

    .chronology2 {
        position: relative;
        margin-top: 10% !important;
        margin-left: 0% !important;
        margin-bottom: 50px !important;
        font-size: 1.3em !important;
        line-height: 1.3em !important;
        min-width: 100% !important;
        height: auto;
    }

    .land {
        display: none;
    }

    .port {
        display: block;
    }
}