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

    #ast-form-link {
        width: 300px;
        top: 30px;
        left: 25px;
    }

}

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

	.membershipReminder {
        width: 80%;
    }

     #ast-form-link {
        width: 300px;
        top: 30px;
        left: 25px;
        display: none;
    }

	.container {
		width: auto;
		min-width: 0%;
		max-width: 100%;
		margin: 0;
	}

    #site-footer, #site-credits, #home-content {
		max-width: auto;
		min-width: 0;
		width: auto;
	}

	#login-form {
		width: 73%;
	}

    .text-cta.news-list p,
    .text-cta h3 {
        font-size: 0.8em;
    }
}

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

    .home-feature .feature-content,
    .page-start .feature-content {
        width: 80%;
    }

    .home-feature .feature-content h1,
    .page-start .feature-content h1 {
        font-size: 1.6em;
    }

    .home-feature .feature-content h2,
    .page-start .feature-content h2 {
        font-size: 1.4em;
    }

    .home-feature .feature-content p,
    .page-start .feature-content p {
        font-size: 1em;
    }

}

@media only screen and (max-width: 760px) {
	.membershipReminder {
        width: 100%;
    }


    .membershipReminderContainer {
        height: 100px;
        bottom: -27px;
    }

	.container > .breadcrumb { display: none }

	.col {
		float: none;
		width: auto;
		margin: 1em 0;
	}

	#cms-content {
		padding: 1em !important;
	}

	#site-footer .col {
		width: 45%;
		float: left;
		margin: 2.5%;
	}
}


@media only screen and (max-width: 320px) {
	#site-footer .col,
	#related-content li {
		float: none;
		width: auto;
	}
}