@charset "UTF-8";
/* CSS Document */


/************************************************************** viewport >1401 **************************************************************/
@media only screen and (min-width: 1400px) {
.container {width:100%;}
}




/************************************************************** viewport 1301 to 1399 **************************************************************/
@media only screen and (min-width: 1301px) and (max-width:1399px) {
.container {width:100%;}


}




/************************************************************** viewport 1201 to 1300 **************************************************************/
@media only screen and (min-width: 1201px) and (max-width:1300px) {

.container {width:100%;}


	
}



/************************************************************** viewport 980 to 1200 **************************************************************/
@media only screen and (min-width: 980px) and (max-width:1200px) {
.container {width:100%}



}



/************************************************************** viewport 980 to 992 - ac **************************************************************/
@media only screen and (min-width: 980px) and (max-width:991px) {


}



/************************************************************** viewport 941 to 979 **************************************************************/
@media only screen and (min-width: 941px) and (max-width: 979px) {
.container {width:100%}
    

}



/************************************************************** viewport 768 to 940 **************************************************************/
@media only screen and (min-width: 768px) and (max-width: 940px) {

.container {width:100%; padding:0 20px!important}

}
	
	

/************************************************************** viewport 480 to 767 **************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper {width:100%;}
.container {width:100%; padding:0 20px!important}

.feature-inner {flex-direction: column; text-align: left;}
.feature-icon {width: 100px; margin-bottom: -25px;}

.expertise-title {font-size: 1.4rem;}
.expertise-number {font-size: 1.6rem;}
.expertise-content {padding-top: 1rem;}

.news-title,
.news-excerpt {-webkit-line-clamp: unset; overflow: visible;}

.help-cta {min-height: 260px; padding: 40px 20px;}
.help-cta::before {content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.55); /* readability */ z-index: 1;}
.help-cta .container {position: relative; z-index: 2;}
.help-title {color: #ffffff; font-size: 20px;}
.btn-outline-pink {color: #ffffff; border-color: #ffffff;}
.btn-outline-pink:hover {background-color: #e91e63; border-color: #e91e63; color: #ffffff;}
.help-cta .row {text-align: center;}

}



/************************************************************** viewport 321 to 479 **************************************************************/
@media only screen and (min-width: 321px) and (max-width: 479px) {
.container {width:100%; padding:0 20px!important}
.feature-inner {flex-direction: column; text-align: left;}
.feature-icon {width: 100px; margin-bottom: -25px;}

.expertise-title {font-size: 1.4rem;}
.expertise-number {font-size: 1.6rem;}
.expertise-content {padding-top: 1rem;}

.news-title,
.news-excerpt {-webkit-line-clamp: unset; overflow: visible;}
    
.help-cta {min-height: 260px; padding: 40px 20px;}
.help-cta::before {content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.55); /* readability */ z-index: 1;}
.help-cta .container {position: relative; z-index: 2;}
.help-title {color: #ffffff; font-size: 20px;}
.btn-outline-pink {color: #ffffff; border-color: #ffffff;}
.btn-outline-pink:hover {background-color: #e91e63; border-color: #e91e63; color: #ffffff;}
.help-cta .row {text-align: center;}

}


/************************************************************** viewport <320 **************************************************************/

@media only screen and (max-width: 320px) {
.container {width:100%; padding:0 20px!important}
.feature-inner {flex-direction: column; text-align: left;}
.feature-icon {width: 100px; margin-bottom: -25px;}

.expertise-title {font-size: 1.4rem;}
.expertise-number {font-size: 1.6rem;}
.expertise-content {padding-top: 1rem;}

.news-title,
.news-excerpt {-webkit-line-clamp: unset; overflow: visible;}

.help-cta {min-height: 260px; padding: 40px 20px;}
.help-cta::before {content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.55); /* readability */ z-index: 1;}
.help-cta .container {position: relative; z-index: 2;}
.help-title {color: #ffffff; font-size: 20px;}
.btn-outline-pink {color: #ffffff; border-color: #ffffff;}
.btn-outline-pink:hover {background-color: #e91e63; border-color: #e91e63; color: #ffffff;}
.help-cta .row {text-align: center;}


}




