/*RESPONSIVE*/

@media (max-width: 1200px) {
    .container {
        width: 100%;
    }

    #logo {
        width: 17em;
        margin-left: 1em;
    }

}

@media (max-width: 970px) {

    .modal-dialog {
        width: 97.5%;
    }

    #login ul li {
        width: 25%;
    }

    #login ul li p {
        padding: 0.5em 0 0;
    }

    div.top-copy h1 {
        padding: 1em 1em 0.5em;
    }

    .subscribe-cta .text {
        width: 68%;
    }

    .subscribe-cta .link-button {
        width: 27%;
        margin-top: 2em;
    }

}

@media (max-width: 800px) {
    .fm-body {
        min-height: 920px;
    }

    #login {
        display: none;
    }

    .login-dropdown {
        display: block;
        margin-top: 1em;
    }

    .login-dropdown a.link-button {
        padding: 0 1em;
        margin-top: 0;
        margin-right: 3em;
        float: right;
    }

    .login-dropdown .dropdown-menu {
        padding: 1em;
        text-align: center;
    }

    .login-dropdown .dropdown-menu h1 {
        font-size: 1.5em;
        margin-bottom: 1em;
    }

    .login-dropdown .dropdown-menu input {
        margin: 0 0 1em;
        width: 100%;
    }

    .login-dropdown .dropdown-menu a {
        color: #045d99;
    }

    .chat-now {
        top: 2.5em;
    }

    .subscribe-cta {
        text-align: center;
    }

    .subscribe-cta .text {
        width: 100%;
        float: none;
    }

    .subscribe-cta .link-button {
        float: none;
        width: auto;
        margin: 0.5em auto 0;
    }

}

@media (max-width: 680px) {
    .fm-body {
        min-height: 1100px;
    }

    #logo {
        width: 14em;
        padding-bottom: 0;
    }

    .login-dropdown a.link-button {
        padding: 0.5em 1em;
        font-size: 1em;
        margin-right: 5em;
    }

    div.top-copy {
        margin-bottom: 0;
    }

    div.top-copy h1 {
        font-size: 1.75em;
        padding: 1em 0 0.5em;
    }

    div.top-copy p {
        font-size: 1em;
    }

    .block-search-feature #card {
        min-height: 0;
    }

    .link-button {
        font-size: 1.25em;
    }

    .subscribe-cta .text p {
        font-size: 1.125em;
    }

}

@media (max-width: 480px) {
    .fm-body {
        min-height: 1250px;
    }

    .main-nav {
        height: auto !important;
    }

    .chat-now {
        display: none;
    }

    .login-dropdown {
        width: 40%;
    }

    .login-dropdown a.link-button {
        margin-right: 0;
        font-size: 0.9em;
    }

    #logo {
        width: 50%;
        padding-top: 0;
    }

    #card .link-button, .subscribe-cta .link-button {
        width: 100%;
    }
}