.grey-box--pc {

    float: left;
    width: 100%;
    padding: 10px 20px 40px 20px;
    border-top: 3px solid #39A347;
    margin-top: 0px;
    background-color: #FAFAFA;
}

.grey-box--pc .field__label {

	font-weight: bold;
	float: left;
	width: 50%;
	padding: 10px 0px;
	border-bottom: 1px solid #ddd;


}

.grey-box--pc .field__label:after {

	content: ": ";
}

.grey-box--pc .field__item {

	float: left;
	width: 50%;
	padding: 10px 0px;
	border-bottom: 1px solid #ddd;

}

.main-container-grey--pc {

	float: left;
	width: 100%;
	background-color: #F8F8F7;

}




    

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
  



.grey-box--pc {

	margin-top: 0px;

}

.grey-box--pc .field__label {

	width: 50%;


}

.grey-box--pc .field__item {

	width: 50%;

}


}





/*
Tablet Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 1200px) {
  /* Add your Mobile Styles here */


.grey-box--pc {

	margin-top: 0px;

}

.grey-box--pc .field__label {

	width: 100%;


}

.grey-box--pc .field__item {

	width: 100%;

}

	




}

/*
Mobile Styles
================================================== */



@media only screen and (max-width: 992px) {
  /* Add your Mobile Styles here */



.grey-box--pc {

	margin-top: 20px;

}

.grey-box--pc .field__label {

	width: 100%;


}

.grey-box--pc .field__item {

	width: 100%;

}
	



}