/*	Default Layout: Over 960px.    */

.only-small {
    display: none;
}

.only-large {
    display: block;
}

.outer-container,
.inner-container,
.header,
.header-small,
.header-top,
.header-image,
.header-title,
.header-bottom {
    overflow: hidden;
}


/* Phablet Layout: 960px. */

@media only screen and (max-width: 960px) {
    .only-large {
        display: none;
    }
    .only-small {
        display: block;
    }
    body {
        padding-top: 0;
    }
    .outer-container {
        padding-bottom: 0;
    }
    .inner-container {
        padding: 10px;
        width: 100%;
    }
    .navigation {
        width: 100%;
    }
    .content,
    footer {
        width: 100%;
    }
    .header-small {
        width: 100%;
        background: #4ba4d9;
        background: -moz-linear-gradient(top, #4ba4d9 0%, #80c0e8 50%, #b4d2ee 100%);
        background: -webkit-linear-gradient(top, #4ba4d9 0%, #80c0e8 50%, #b4d2ee 100%);
        background: linear-gradient(to bottom, #4ba4d9 0%, #80c0e8 50%, #b4d2ee 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4ba4d9', endColorstr='#b4d2ee', GradientType=0);
    }
    .header-top,
    .header-bottom {
        width: 100%;
        box-sizing: border-box;
        position: relative;
    }
    .header-image {
        box-sizing: border-box;
        float: left;
        padding: 15px;
    }
    .header-title {
        box-sizing: border-box;
        float: left;
        left: 34%;
        position: absolute;
        top: 50px;
    }
    .header-title h1,
    .header-title a {
        color: #ffffff;
        font-family: "Times New Roman";
        font-size: 84px;
        font-style: italic;
        font-weight: bold;
        letter-spacing: 0.1em;
        text-align: left;
        text-decoration: none;
    }
    .header-bottom p {
        color: #fff;
        font-family: "Times New Roman";
        font-size: 38px;
        font-style: italic;
        letter-spacing: 0.15em;
        padding: 3px 10px 24px;
        text-align: center;
    }
}


/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 850px) {
    .header-title {
        left: 35%;
        top: 54px;
    }
    .header-title h1,
    .header-title a {
        font-size: 74px;
    }
    .header-bottom p {
        font-size: 32px;
        padding: 5px 10px 25px;
    }
}


/* Wide Mobile Layout: 640px. */

@media only screen and (min-width: 640px) and (max-width: 767px) {
    .header-title {
        left: 40%;
        top: 65px;
    }
    .header-title h1,
    .header-title a {
        font-size: 58px;
    }
    .header-bottom p {
        font-size: 26px;
        padding: 8px 10px 30px;
    }
}


/* Medium Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 639px) {
    .header-image {
        padding: 8px;
    }
    .header-img {
        width: 90%;
    }
    .header-title {
        left: 43%;
        top: 65px;
    }
    .header-title h1,
    .header-title a {
        font-size: 44px;
    }
    .header-bottom p {
        font-size: 20px;
        padding: 8px 0 28px;
    }
}


/* Small Mobile Layout: 360px. */

@media only screen and (min-width: 360px) and (max-width: 479px) {
    .header-image {
        padding: 7px;
    }
    .header-img {
        width: 65%;
    }
    .header-title {
        left: 43%;
        top: 54px;
    }
    .header-title h1,
    .header-title h1,
    .header-title a {
        font-size: 28px;
    }
    .header-bottom p {
        font-size: 14px;
        padding: 7px 0 30px;
    }
    .menu-collapser {
        margin-top: -58px;
    }
    .collapse-button {
        right: -6px;
        top: 48%;
    }
    .EmailFormFM60075 {
        margin-left: -15px;
    }
    input,
    textarea {}
}


/* Mini Mobile Layout: 320px. */

@media only screen and (max-width: 359px) {
    .header-image {
        padding: 5px;
    }
    .header-img {
        width: 60%;
    }
    .header-title {
        left: 44%;
        top: 50px;
    }
    .header-title h1,
    .header-title a {
        font-size: 28px;
    }
    .header-bottom p {
        font-size: 13px;
        padding: 8px 0 28px;
    }
    .menu-collapser {
        margin-top: -58px;
    }
    .collapse-button {
        right: -6px;
        top: 48%;
    }
    .EmailFormFM60075 {
        margin-left: -15px;
    }
    input,
    textarea {
        max-width: 216px;
    }
    #recaptcha_widget > input {
        margin-top: 10px;
    }
}