/* Headlines - Portals - WIME */
.portal-headlines {
	margin-top:40px; margin-top:4rem;
	/*margin-left:0px; margin-left:0rem;*/
}
.portal-headlines-container {
	width:100%;
}
@media only screen and (min-width : 768px) {
	.portal-headlines-container {
		width:50%;
		margin-left:300px;
	}
}
@media only screen and (min-width : 992px) {
	.portal-headlines-container {
		width:50%;
		margin-left:450px;
	}
}
@media only screen and (min-width : 1200px) {
	.portal-headlines-container {
		width:50%;
		margin-left:500px;
	}
}
.portal-headlines h1 {
	margin:0;
	padding:0;
	color:#ffffff;
	text-shadow: 0px 0px 20px #000000;	
	line-height: 4rem; /* default is 3.3rem */
}
.portal-headlines h1.reverse {

}
@media only screen and (min-width : 992px) {
	.portal-headlines h1.reverse {
		color:#333333;
		text-shadow: 0px 0px 20px #ffffff;	
	}
}
.portal-headlines h2 {
	margin:0;
	padding:0;	
	color:#ffffff;
	text-shadow: 0px 0px 10px #000000;
}
.portal-headlines h2.reverse {

}
@media only screen and (min-width : 992px) {
	.portal-headlines h2.reverse {
		color:#333333;
		text-shadow: 0px 0px 10px #ffffff;
	}
}



.portal-headlines .portal-mobile-btn-container {
	max-width:100%;	
}
@media only screen and (min-width : 400px) {
	.portal-headlines .portal-mobile-btn-container {
		max-width:70%;	
	}
}


.btn.btn-cta.btn-home-mobile-cta {

}
@media only screen and (min-width : 550px) {
	.btn.btn-cta.btn-home-mobile-cta {
		/*margin-bottom:0px;*/
	}
}
.btn.btn-home-mobile {
	display:block;
	margin-bottom:15px;margin-bottom:1.5rem;
}
@media only screen and (min-width : 992px) {
	.btn.btn-home-mobile {
		display:none;
	}
}


.portal-headlines ul {
	margin:0;
	padding:0;
}
.portal-headlines ul li {
	list-style-type: none;
	margin:0;
	margin-bottom:15px; margin-bottom:1.5rem;
	padding:0;
	font-family: 'Source Sans Pro', sans-serif; 
	font-size: 20px; font-size: 2rem;	
	font-style:italic;
	font-weight:normal;
	color:#ffffff;
	text-shadow: 0px 0px 10px #000000;	
}
@media only screen and (min-width : 992px) {
	.portal-headlines ul li {
		font-size: 24px; font-size: 2.4rem;	
	}
}
.portal-headlines ul li.reverse {
	
}
@media only screen and (min-width : 992px) {
	.portal-headlines ul li.reverse {
		color:#333333;
		text-shadow: 0px 0px 10px #ffffff;	
	}
}
.portal-headlines ul li span.checkmark-portal {
	background-image:url(../../images/checkmark-white-mobile.png);
	display:inline-block;	
	height:30px;
	width:30px;
	margin-bottom:-8px;
	margin-right:20px;
}
@media only screen and (min-width : 992px) {
	.portal-headlines ul li span.checkmark-portal {
		background-image:url(../../images/checkmark-green-normal.png);
		height:42px;
		width:42px;
		margin-bottom:-13px;
		margin-right:20px;	
	}
}
.portal-headlines ul li a {
	color:#ffffff;
	text-decoration:underline;
}
@media only screen and (min-width : 992px) {
	.portal-headlines ul li a {

	}	
}
.portal-headlines ul li a:hover {
	color:#052c9f;
}
.portal-headlines ul li a.reverse {
	color:#ffffff;
	text-decoration:underline;
}
@media only screen and (min-width : 992px) {
	.portal-headlines ul li a.reverse {
		color:#333333;
		text-shadow: 0px 0px 10px #ffffff;	
	}
}
.portal-headlines ul li a.reverse:hover {
	color:#00b5ff;
}
@media only screen and (min-width : 992px) {
	.portal-headlines ul li a.reverse:hover {
		color:#052c9f;
	}
}




h2.discount-code-container {
	font-size:24px; font-size:2.4rem;
	font-weight:normal;
	line-height:5rem;	
}
@media only screen and (min-width : 992px) {
	h2.discount-code-container {
		line-height:3rem;	
	}
}
h2.discount-code-container .discount-code {
	display: inline-block;
	font-weight:bold;
	letter-spacing:3px; letter-spacing:0.3rem;
	padding: 3px 10px; padding:0.3rem 1rem;
	border: 2px dashed #ffffff;
	margin-bottom: 20px; margin-bottom:2rem;
	margin-left: 5px; margin-left: 0.5rem;

}  
@media only screen and (min-width : 992px) {
	h2.discount-code-container .discount-code {
		border: 2px dashed #333333;
	} 
}



/* 123 Bar - Portals - WIME */

.container-fluid.bg-stripe-123-bar {
	margin-top:0px; margin-top:0rem;
}
@media only screen and (min-width : 400px) {   
	.container-fluid.bg-stripe-123-bar {

	}
}
@media only screen and (min-width : 550px) {   
	.container-fluid.bg-stripe-123-bar {
		margin-top:-200px; margin-top:-20rem;
	}
}
@media only screen and (min-width : 768px) {   
	.container-fluid.bg-stripe-123-bar {
		margin-top:-130px; margin-top:-13rem;
	}
}
@media only screen and (min-width : 992px) {   
	.container-fluid.bg-stripe-123-bar {
		margin-top:-130px; margin-top:-13rem;
	}
}
@media only screen and (min-width : 1200px) {   
	.container-fluid.bg-stripe-123-bar {
		margin-top:-170px; margin-top:-17rem;
	}
}