@media (min-width: 1200px)  and (max-width: 2559px){

.navigation{
	margin-top:2em;
}
	
	
/**TEST STYLES*/
.breakBar:before{content:"desktop";}
/**TEST STYLES*/
/**Menu**/

.menuShower{
	display:none;
}
	
	.mobNavDisplay{
 		display:block !important;
	}
	


/** Banner **/
.bannerPromoTextContainer{
    position: absolute;
    transform: translateY(-50%);
    width:40%; 	
}

.bannerPromoTextArea{
	width: 1200px;
    margin: auto;
	}

/*Menu*/
	.menuShower{
	/*display:none;*/
	}

/**KEITH TESTING**/
	
	
.blueBackReverseThemeOpaque .overlay:hover{
	 color:#fff;
	background:none;
    background-color: rgba(36,132,198,0.8);
}

.yellowBackReverseThemeOpaque .overlay:hover{
	 color:#fff;
	background:none;
    background-color: rgba(255,203,5,0.8);
}

.greenBackReverseThemeOpaque .overlay:hover{
	 color:#fff;
	background:none;
    background-color: rgba(0,177,89,0.8);
}

.purpleBackReverseThemeOpaque .overlay:hover{
	 color:#fff;
	background:none;
    background-color: rgba(143,83,161,0.8);
}

.themeFlex{
		flex-direction: row;
}
.themeFlexGutter{
	margin-bottom:6em;

}
.themeFlex.leftTheme .themeTextContainer{
	order:0
}

.themeFlex.leftTheme .themeFlexActContainer{
	order:1
}

.themeFlex.rightTheme .themeTextContainer{
	order:1
}

.themeFlex.rightTheme .themeFlexActContainer{
	order:0
}

.themeFlexText{
	width: 40%;
	

}

	
.themeDesc{
	padding-top:1em;
	font-size: 1.1em;
    letter-spacing: 0.02em;
}

.themeTextContainer{
	padding:1em;
	box-sizing:border-box;
}

.leftTheme.yellowTheme  .themeFlexText{
	border-left: 0.25em solid #ffcb05;
}

.rightTheme.yellowTheme .themeFlexText{
    border-right: 0.25em solid #ffcb05;
}

.leftTheme.blueTheme .themeFlexText{
    border-left: 0.25em solid #2484c6;
}
.rightTheme.blueTheme .themeFlexText{
    border-right: 0.25em solid #2484c6;
}

.leftTheme.purpleTheme .themeFlexText{
    border-left: 0.25em solid #8f53a1;
}
.rightTheme.purpleTheme .themeFlexText{
    border-right: 0.25em solid #8f53a1;
}

.leftTheme.greenTheme .themeFlexText{
    border-left: 0.25em solid #00b259;
}

.rightTheme.greenTheme .themeFlexText{
    border-right: 0.25em solid #00b259;
}
.themeFlexActContainer{
	width: 60%;	
}

	.activityFlexBox {flex-grow:1; }
.act100Flex{
	width:100%;
}

.act60Flex{
	width:calc(60% - 0.5em);
}



.act50Flex{
	width:calc(50% - 0.5em);
}

.act40Flex{
	width:calc(40% - 0.5em);
}

.act33Flex{
	width:calc(33.33% - 0.5em);
}

.actFlexLeftGut{
margin-left:0.25em;
}

.actFlexRightGut{
margin-right:0.25em;
}

.imageMob{
display:none;
}
.imageDesk{
display:block;
}


.promoDesk{display:block; }

.promoTab{display:none !important;}

.promoMob{display:none !important;}
	
.actFlexBotGut{
/*margin-bottom:0.5em;*/
}
	
	.promoTextPositioned{
	/*position:absolute;*/	
}
	.promoTextContainer{	
	padding: 0.5em 1em;
}
	
	
.activityBox .overlay{
	position:absolute;	
	/*width:inherit;*/
	color: #fff;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5)30%, rgba(0, 0, 0, 0)50%);
}

.activityBox .overlay .promoTextPositioned{
	position:absolute;	
}


	/*Home Promo Boxes*/
.promoFlex{
	display:flex;
	
	width: 100%;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}
	a.promoContainerBox:hover > .promoTitleContainer, a.promoContainerBox:focus > .promoTitleContainer{
	text-decoration:underline;
}

.promoFullWidth{
width:100%;
	
}
.promoHalfWidth{
width:calc(50% - 0.25em);
	
}

	.promo60Width{
width:calc(60% - 0.25em);

}
	
		.promo40Width{
width:calc(40% - 0.25em);

}
	
.promoFullWidth.promoContainerBox{
	display:flex;
	align-items: center;
	width:100%;
	margin: 0 auto 0.5em auto;
	
}

.promoFullWidth .promoTitleContainer{
	width:40%;
	margin:10px;
	flex-grow:1;
	flex-shrink:1;
	align-self:auto;	

	padding: 1em;
}

.promoFullWidth .promoImgContainer{
	width:60%;
	flex-grow:1;
	flex-shrink:1;
	align-self:auto;

}


.promoHalfWidth.promoContainerBox, .promo60Width.promoContainerBox, .promo40Width.promoContainerBox{
    position: relative;
    margin-bottom: 0.5em;
}

.promoHalfWidth .promoTitleContainer, .promo60Width .promoTitleContainer, .promo40Width .promoTitleContainer{
	min-height: 4em;
    width: 18em;

	position: absolute;
	padding: 1em;
}

.promoHalfWidth .promoImgContainer, .promo60Width .promoImgContainer, .promo40Width .promoImgContainer{

}

		.promoImgContainer .imgMob{
	display:none;
	}
		.promoImgContainer .imgDesk{
	display:block;
	}


/*NEWS*/
.topNewsBox{
	width:calc(66% - 2em);
}
.smallNewsBox{
width:calc(33% - 2em);
}
	
		/*SGD row*/
.goalFlex {
display:flex;
flex-direction:row;
padding: 2em 0em;
	align-items: center;
		justify-content: center;
}


.goalFlex2 div{
	display:inline-block;
	/*width:30%;*/
	width:120px;
	margin-right:0.5em;
}

.goalFlex1{
	width:20%;
	margin-right:1.5em;
}

.goalFlex2{
/*width:35%;*/
		padding: 1.5em 0em;
margin-right:1.5em;
}

.goalFlex3{
	width:40%;
		padding: 1.5em 0em;
}
.goalTextTop{
color: #2484c6;
    font-weight: 300;
	font-size: 1.25em;
    margin-bottom: 0.5em;
}
.goalTextBottom{
color: #666;
    font-weight: 300;
	
	
}
.goalTextBottom .materialIconContainer {
    display: inline-flex;
    vertical-align: middle;
	color: #666 !important;
}
.goalTextBottom .material-icons {
    color: #999;
    font-size: 2em;
    margin-left: 0.25em;
}
.goalFlex img{
max-width:100%;
}
	.ccfFundOverride{
margin-top:6em;
	width:60% !important;
}

}