@media only screen and (max-width: 1200px) {
	.featuredImage {
		width: 100%;
	}
	.container {
		width: 100%;
		max-width: 1042px;
		box-sizing: border-box;
	}

	#mainContent{
		width: calc(100% - 276px);
	}
	#mainContent.narrow{
		width: calc(100% - 276px - 160px - 18px);
		margin-right: 18px;
	}

	#leftColumn{

	}

	a.newsItem {
		width: 48%;
	}

	a.newsItem:nth-of-type(odd) {
		margin-right: 4%;
	}

	a.newsItem img {
		width: 100%;
		height: auto;
	}

	img {
		max-width: 100%;
		height: auto;
	}

	img.img-right, 
	img.img-left {
		max-width: 30%;
		height: auto;
	}

	#mainContent table{
		width: 100% !important;
	}
	td img{
		max-width: none;
	} 
	td img.img-right, 
	td img.img-left {
		max-width: 30vw;
	}

	a{
		-webkit-word-wrap: break-word;
	}


}

@media only screen and (max-width: 1040px) {
	#footer .logo{
		display: none;
	}

	#socialMediaLinks{
		float: right;
	}
		#socialMediaLinks a{
			display: inline-block;
			margin-left: 6px;
		}

	#sixMthDetails{
		width: 45%;
		margin-right: 10%;
	}
	#twelveMthDetails{
		width: 45%;		
	}
	.promo-code{
		float: none;
		margin-bottom: 20px !important;
	}
	.submit-container{
		text-align: left;
		margin-right: 0;
	}
}

@media only screen and (max-width: 900px) {
	#contactInfo{
		width: 25%;
		margin-right: 5%;
	}
	#charityInfo{
		width: 50%;
		margin-right: 5%;
	}
	#socialMediaLinks{
		max-width: 15%;
		padding-left: 0;
	}
}

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

	.home #header {
		margin-bottom: 0px;
	}

	.featuredImage__text a.red-button {
		background: #FFF;
		color: #ff143d !important;
	}
	
	/*HEADER*/
	.advert {
		display: none;
	}

/*	#mainNav {
		width: 536px;
		padding-top: 36px;
	}

	#mainNav a.subscribeButton {
		float: left;
		padding: 6px 10px;
	}

	#mainNav a span {
		padding: 6px 10px;
		font-size: 16px;
	}

	#header .logo img {
		width: 100px;
		height: 100px;
	}*/

	#mainNav, #superNav {
		display: none;
	}

	#header .logo img {
		width: 80px;
		height: 80px;
	}

	#mobile-menu-controller {
		display: block;
	}

	.logo {
		margin-bottom: 10px;
		margin-top: 10px;
	}

	/*CONTENT*/

	#mainContent {
		width: 100%;
	}
	#mainContent.narrow{
		width: calc(100% - 160px - 18px);
		margin-right: 18px;
	}

	#leftColumn {
		display: none;
	}

	#footer {
		min-width: 0;
	}

	.tablet-hidden {
		display: none;
	}

	.tablet-show {
		display: block;
	}

	.featuredImage {
		height: 200px;
		background-size: cover;
	}

	.featuredImage__title {
		padding-bottom: 0px;
	}

	.featuredImage__title h1 {
		font-size: 30px;
	}

	.featuredImage__content {
		width: 100%;
		margin-bottom: 20px;
		background: #ff143d;
	}

	.featuredImage__text {
		background: #ff143d;
		color: white;
		padding: 10px 25px 35px;
	}

	.featuredImage__text p {
		color: white;
	}

	/*CONTENT*/
	.featured-headline img {
		max-width: 40%;
	}

	.login-container{
		display: table;
		height: calc(100vh - 100px - 164px - 29px );
		overflow: hidden;
		width: 100%;
	}
}

@media only screen and (max-width: 700px) {
	/*HEADER*/
/*	#mainNav, #superNav {
		display: none;
	}

	#header .logo img {
		width: 80px;
		height: 80px;
	}

	#mobile-menu-controller {
		display: block;
	}*/
	
	/*CONTENT*/

}

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

	#mainContent.narrow{
		width: 100%;
		margin-right: 0;
		float: none;
	}
	#rightColumn{
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}

	#contactInfo {
		width: auto;
		margin-right: 0px;
		margin-top: 10px;
		margin-bottom: 20px;
	}

	#charityInfo {
		float: none;
		width: auto;
		clear: both;
		margin-bottom: 20px;
	}

	#socialMediaLinks {
		max-width: none;
		float: none;
		padding: 0px;
	}

	#socialMediaLinks a {
		float: left;
		margin-right: 10px;
	}

	.login-form .form-field-wrapper label{
		display: inline-block;
		margin: 0.2em 1em 0.2em 0;
	}
}

@media only screen and (max-width: 450px) {
	
	h1 {
		font-size: 26px;
	}

	.page-heading h1 {
		font-size: 22px;
	}

	.featuredImage__title {
		padding: 10px 16px 0px 16px;
	}

	.featuredImage__text {
		padding: 0px 16px 20px 16px;
	}

	.featuredImage__text p {
		margin-bottom: 10px;
	}



	.featuredImage__title h1 {
		font-size: 20px;
	}

	a.newsItem {
		width: 100%;
	}

	.featured-headline img {
		width: 100%;
		max-width: 100%;
		margin-bottom: 10px;
	}

	.mobile-box .sideblock-image {
		float: none;
		max-width: 100%;
		width: 100%;
	}


	td img.img-right, 
	td img.img-left {
		display: none;
	}


	#sixMthDetails{
		width: auto;
		margin-right: 0;
		float: none;
	}
	#twelveMthDetails{
		width: auto;
		float: none;
	}


	table.subscription-summary{
		display: block;
		overflow: hidden;
	}
	.subscription-summary tbody,
	.subscription-summary tr{
		display: block;
		overflow: hidden;
	}
	.subscription-summary td{
		display: block;
		width: auto;
		overflow: hidden;
	}
	.subscription-summary .edit-link{
		float: right;
	}

	.subscription-summary .amount-label{
		float: left;
		width: 60%;
		margin-bottom: 20px;
	}
	.subscription-summary .amount{
		float: left;
		width: 40%;
		margin-bottom: 20px;
	}

	.mobile-hide{
		display: none;
	}
}

@media only screen and (max-width: 350px) {
	#selectRecipient label, 
	#billingDetails label, 
	#deliveryDetails label{
		display: block;
	}
	#selectRecipient label.radioLabel, 
	#billingDetails label.radioLabel,
	#deliveryDetails label.radioLabel{
		display: inline-block;
	}
	#subscriptionForm input[type=text],
	#subscriptionForm textarea {
		width: calc(100% - 10px);
	}
	.padLeft{
		padding-left: 0px;
	}

	.login-container{
		text-align: left;
	}
		.login-form{
		}
			.login-form label{
				display: block;
			}
			.login-form .dummy-label{
				display: none;
			}
			.login-form .input-medium{
				width: calc(100% - 0.4em - 2px);
				max-width: none;
			}

}